4回答

• 

  周龙帆

  2016-06-25 00:42:36

  对于我来说，我不明白他这里为什么要加clear：left,不是用来清浮的，真宁玛费解

  1 0

  周龙帆

  想明白了，浮动元素规则里有包裹性，也就是说他会呈现display:inline-block的效果，如果第一个浮动元素后面有足够的空间（这里指dd这标签的内容不多）来容纳第二个浮动元素，第二个浮动元素会与第一个浮动元素排在一起，造成布局影响

  2016-06-25 12:08:41

  共 1 条回复 >

• 

  周龙帆

  2016-06-25 00:30:52

  浮动元素脱离普通流，其有3个特点，1、浮动元素高度会塌陷。也就说高度为0. 2、浮动元素内容还会占领他大小， 也就是行框（line box）的宽高。3、会覆盖同级的内容 （不是BFC的元素就会被浮动元素覆盖，这个看你兴趣，想了解，可以搜搜可视化格式模型）

  再解释你的问题：因为他高度为0，所以他不会占空间，绿色DIV就占了他位子，由特点3知道红色是覆盖在绿色上面，但浮动元素内容要占领他该有的位子,所以就造成上面那鸟样。

  
  

  0 0
• 

  周龙帆

  2016-06-25 00:13:55

  浮动元素脱离普通流，其有3个特点，1、浮动元素高度会塌陷。也就说高度为0. 2、浮动元素内容还会占领他大小， 也就是行框（line box）的宽高。3、会覆盖同级的内容 （不是BFC的元素，这个看你兴趣，想了解，可以搜搜可视化格式模型）

  再解释上面内容：因为他高度为0，所以他不会占一行，其内容是由行框撑起，所以他要有自己的位子，并由特点3覆盖了绿色背景的内容。

  0 0
• 

  慕姐2158687

  2016-06-18 12:17:37

  因为DIV默认的是块级元素
  

  1 0

  六liu六

  首先谢谢你回答我的问题，但好像你的回答解释不了我的问题。是块级元素，我是想知道既然第一个元素好像是在第二个里面，但是没有在第二个里面，为什么第二个里面的内容不是从头开始的，而是在第一个内容后面开始，就是说为什么文字部分没有重叠的

  2016-06-18 13:37:01

  共 1 条回复 >