- 博客(6)
- 收藏
- 关注
原创 css深入理解之folat浮动 4-1 清除浮动
清除浮动带来的影响 float:left 方法1: 脚底插入clear:both; 父元素高度塌陷 方法2: 父元素BFC(IE8+)或haslayout 1.clear 只是提供了通道,会发生跨境重叠的效果 2.BFC/haslayout 形成封闭的结构,不会发生跨境重叠 clear通常应用形式 1.H
2016-09-09 21:53:19 282
原创 css深入理解之folat浮动 3-1 被误解的浮动
浮动具有破坏性,会让父元素塌陷! 如何解决浮动让父元素高度塌陷的bug? -浮动塌陷不是bug,而是标准!!! 浮动的原本左右紧紧是为了实现文字环绕效果! css合模型 float:left inline boxes 结论 浮动的破坏性只是单纯的为了实现文字效果而已! ——因此,父容器高度塌陷根本就不是big,特性使然! 如何降低
2016-09-09 21:51:58 253
原创 css深入理解之folat浮动 2-1包裹与破坏
folat 特性:包裹 1.收缩 2.坚挺 3.隔绝 “BFC”(Block formatting context) “块级格式化上下文” 特性2:破坏 float:left 容器被破坏 无宽度、无图片、无浮动
2016-09-09 21:50:34 231
原创 div+css
float: float属性是div+css布局中最基本也是最常用的属性。 标签默认一行只能显示一个,而使用float属性可以实现一行显示多个div的功能。 Margin: Margin属性用于设置两个元素之间的距离。 Padding: Padding属性用于设置一个元素的边框与其内容的距离。 Padding有什么用?-高度可控的分割线 直接使用字符
2016-09-09 10:44:59 143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人