码迷,mamicode.com
首页 > 其他好文 > 详细

课时135.清除浮动方式四(理解)

时间:2018-06-15 20:04:43      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:观察   之间   块级元素   谷歌   方式   9.png   知识点   添加   inf   

这节课来学习内墙法,无论是外墙法还是内墙法,它的墙指的就是块级元素,只不过额外添加的块级元素它所处的位置不同。

我们的外墙法是将块级元素添加到两个div之间,而我们的内墙法是要将块级元素写到我们第一个盒子所有元素的最后。

技术分享图片

技术分享图片

技术分享图片

我们使用外墙法的时候是没有后面那个红色的部分的

技术分享图片

 

为什么是这样?

因为外墙法是不能够撑起第一个盒子的高度的。

我们发现外墙法的高度是0

技术分享图片

而我们内墙法如下

技术分享图片

高度不是0

我们通过谷歌开发者工具的观察来验证了我们这个说法

知识点总结:

技术分享图片

 

课时135.清除浮动方式四(理解)

标签:观察   之间   块级元素   谷歌   方式   9.png   知识点   添加   inf   

原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9188705.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!