ホームページ >ウェブフロントエンド >htmlチュートリアル >div内にあるものは外ではどう見えるのか【簡易版】_html/css_WEB-ITnose
div内にあるものは外ではどう見えるのか【簡易版】_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:05:441146ブラウズ
最後の質問の私自身の説明が冗長すぎたので、再度開きました = =
<html> <head> <title>hehe</title> <style type="text/css"> div#a { background-color:#F00; width:50%; height:500px; } div#c { background-color:#000; width:30%; height:40%; } div#b { background-color:#0C0; width:30%; height:60%; } div#d { float:right; background-color:#60C; margin-left:30%; width:70%; height:100%; } </style> </head> <body> <div id="a"> <div id="d"></div> <div id="b">hehe</div> <div id="c"></div> </div> </body></html> b のものは実際には外側に表示されており、重要なのは、私の d が右にフローティングされていることです。実際にはbのものが下まで伸びて表示されているのですが、何が起こっているのかよくわかりません。
ディスカッション (解決策) への返信
b 要素を左にフローティングするだけです
b 要素を左にフロートするだけです
わかりました、実際は本当です、を削除するだけですmargin-left、float:right が右端に貼り付けられているためです
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。