H5 59-浮动元素的脱标
2017-03-26 11:23
176 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>59-浮动元素的脱标</title> <style> .box1{ float: left; width: 100px; height: 100px; background-color: red; } .box2{ width: 150px; height: 150px; background-color: blue; } </style> </head> <body> <!-- 1.什么是浮动元素的脱标? 脱标: 脱离标准流 当某一个元素浮动之后, 那么这个元素看上去就像被从标准流中删除了一样, 这个就是浮动元素的脱标 2.浮动元素脱标之后会有什么影响? 如果前面一个元素浮动了, 而后面一个元素没有浮动 , 那么这个时候前面一个元就会盖住后面一个元素 --> <div class="box1"></div> <div class="box2"></div> </body> </html>
相关文章推荐
- H5 60-浮动元素排序规则
- H5 61-浮动元素贴靠现象
- H5 62-浮动元素字围现象
- IE6下li中span元素右浮动的BUG解决方案(其他的类似)
- h5入门篇之标签元素
- 子元素浮动父容器高度不能自适应的CSS解决方法
- 闭合浮动元素”或“清除浮动元素
- 解决外部元素因内部元素浮动高度变为0的方法
- 在li里插入浮动元素产生的3px的bug
- IE6/7和IE8/9(怪异模式)浮动元素折行Bug
- DIV 清除浮动--CSS 伪元素-- 阴影---鼠标事件
- H5 66-清除浮动方式二
- 浮动元素的垂直居中问题
- CSS中元素内容的浮动属性float
- 浮动元素(float)
- 03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素
- CSS布局技巧:在子元素浮动后父容器的闭合问题
- ie7 父元素宽度自适应且为浮动的话 子元素的宽度将不能按比例设置问题
- CSS清除浮动元素方法
- IE6下浮动元素撑不开父元素