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

来源:2-5 练习题

winta

2015-12-11 13:42

<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回答

  • 木子舟义
    2015-12-11 14:18:47

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

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


  • echo_kinchao
    2015-12-11 13:51:51

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

    RenneX... 回复winta

    father这个DIV没有高度吧?因为他包含两个浮动元素,所以没有被"撑开"所以高度为0.如果去掉子元素的浮动,那他不就有高度了..

    2015-12-11 14:14:11

    共 2 条回复 >

  • elan
    2015-12-11 13:48:20

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

    winta

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

    2015-12-11 13:56:56

    共 1 条回复 >

  • winta
    2015-12-11 13:45:23

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

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题