- 博客(4)
- 收藏
- 关注
转载 after伪元素清楚浮动
什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。 引用W3C的例子,news容器没有包围浮动的元素
2017-07-11 16:03:18
428
转载 BFC详解
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。 一、BFC是什么? 在解释 BFC 是什么之前,
2017-07-11 16:01:25
274
原创 行内元素、定宽块状元素、不定宽块状元素的居中对齐方式
一,行内元素居中对齐 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素:如下面的html代码中,div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )如下代码: html代码: 我想要在父容器中水平居中显示。 css代码: .tx
2017-06-29 10:20:36
417
转载 float与absolute脱离文档流的区别
CSS中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。 需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。 而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。float时: [h
2017-06-28 23:20:37
1215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人