为了账号安全,请及时绑定邮箱和手机立即绑定

我这样写,在游览器中有高度啊!?

<style type="text/css">

.box1{width:100px;height:100px;border:1px solid red;float:left;}

.box2{width:100px;height:100px;border:1px solid red;float:right;}

  </style>

 </head>


 <body>

<div class="father">

<div class="box1"></div>

<div class="box2"></div>

</div>

 </body>


正在回答

4 回答

浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。

意思就是如果一个父容器没有被设置高度,且里面包含的元素是浮动的,那么父容器的高度为0;


0 回复 有任何疑惑可以回复我~

块级 本来就可以设定长宽的

0 回复 有任何疑惑可以回复我~
#1

winta 提问者

主要还是不懂这句话: 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。
2015-12-11 回复 有任何疑惑可以回复我~
#2

RenneXV 回复 winta 提问者

father这个DIV没有高度吧?因为他包含两个浮动元素,所以没有被"撑开"所以高度为0.如果去掉子元素的浮动,那他不就有高度了..
2015-12-11 回复 有任何疑惑可以回复我~

高度是100px,不设置body有默认的margin: 8px;需要设置为0px,可以打开浏览器审查元素来观察。

0 回复 有任何疑惑可以回复我~
#1

winta 提问者

还是不懂这句话: 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。
2015-12-11 回复 有任何疑惑可以回复我~

为啥为啥??没看懂这一节,明明就有高度啊,游览器看得到啊?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

我这样写,在游览器中有高度啊!?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信