DIV + CSSレイアウトの問題:浮動高さ変更のdivを設定した後、最も外側のdivから逸脱することなく、

DIV + CSSレイアウトの質問:私は3つのdiv要素(DIV1、DIV2、DIV3)、DIV2とDIV3 DIV1は、ネストされた内部、DIV2とDIV3、フローティングされた後、彼らは最も外側のDIV1の高さを超えるを持っています。


どのように高さが決定されると、それは、内側のdivの最も外側の層の高さでそのdiv要素の変化をフロートにするのdiv変化の高さを設定する最も外側のdivを超えないようにしていますか?
次のように解決策は以下のとおりです。
<html>
<head>
<title>标题</title>
<style type="text/css">
.div2{width:300px;height:200px;border: 1px solid red;float:left;}
.div3{width:200px;height:300px;border: 1px solid green;float:left;}
.clear{clear:both}
</style>
</head>
<body>
<div class="div">
	<div class="div2">我是DIV2</div>
	<div class="div3">我是DIV3</div>
	<div class="clear"></div><!--清除div1、div2的浮动-->
</div>
</body>
</html>



公開された90元の記事 ウォン称賛21 ビュー470 000 +

おすすめ

転載: blog.csdn.net/yx13649017813/article/details/48315789