ホームページ >ウェブフロントエンド >htmlチュートリアル >PHP独学への道-----DIV+CSS (4日目)_html/css_WEB-ITnose
PHP独学への道-----DIV+CSS (4日目)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:27:20925ブラウズ
DIV+CSS のフローティングは、左フローティング、右フローティング、およびクリアフローティングに分けられます。 1. いわゆる右フローティングは、ブロック要素がそれ自体のスペースを放棄して右に移動することを意味します。それ自体を含む要素に遭遇するまで。以下の図に示すように:
テスト コードは次のとおりです:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> 浮动案例 </title> <link rel="stylesheet" style="text/css" href="float.css"/> </head> <body> <div class="div1" id="id1">div1</div> <div class="div1">div2</div> <div class="div1">div3</div> </body></html>
.div1{ width:150px; height:100px; border:1px solid red; background:pink; margin-top:5px;}/*id 选择器*/#id1{ float:right;} 2.
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。