CSS清除浮动的三个方法
2015-06-15 13:27
603 查看
clear: both;
浮动末尾添加新标签,设置样式为clear:both浮动末尾添加
标签
使用::after伪元素
构造BFC
构造BFC的方法float设置为非none值
overflow设置为非visible
display设置为table-cell,table-caption,inline-block
position设置为absolute或fixed
IE6/7下没有BFC的概念,但有类似BFC的 has layout
has layout的方法有些元素本身就 has layout
没有 has layout 的元素
position:absolute
float不为none
display:inline-block
height:除auto外任意值
width:除auto外任意值
zoom:除normal外任意值
overflow非visible(仅限IE7)
相关文章推荐
- LESS动态样式语言
- CSS 样式设置小技巧
- 未设置高度的容器背景和边框不显示问题(CSS)
- CSS定义鼠标移上图片链接,出现边框效果
- css行内样式
- 自定义EditText hint 样式
- CSS 单位和值
- css笔记
- 史上最全的CSS hack方式一览(转)
- CSS3 Transform Matrix
- CSS3实现倒影
- (转)CSS定义字体间距 字体行与行间距
- css思维导图
- CSS从大图中抠取小图完整教程(background-position应用)
- css学习笔记-1
- css布局之图片被拉伸问题
- CSS小知识---回到顶部
- 关于css中两层div的水平垂直居中问题
- CSS3知识点
- CSS入门教程——定位(positon)