说明1、这个元素并不脱离文档流,仍然保留着元素在文档流中的原始位置。2、当元素在容器中滚动超过指定偏移值时,元素固定在容器的指定位置。也就是说,如果你设置了top:50px,当st…
说明1、浮动元素会从普通文档流中分离出来。但浮动元素不仅会影响自己,还会影响周围元素的对齐。2、无论是行内元素还是块级元素,如果设置了浮动,浮动元素就会产生块级框。可以设置widt…
说明1、当浮动元素浮动时,其margin不会超过包含块的padding。如果想要超过元素,可以设置margin属性。如果两个元素一个向左浮动,另一个向右浮动,左浮动元素的margi…
说明1、行内元素与浮动元素重叠,其边框、背景和内容将显示在浮动元素之上。2、块级元素与浮动元素重叠时,边框和背景将显示在浮动元素下,内容将显示在浮动元素上。实例.pinkBox {…
说明1、用于规定元素哪一侧不允许浮动元素,默认值为none,表示不清除,左右两侧允许浮动元素。2、确保当前元素的左右两侧没有浮动元素。clear只对元素本身的布局起作用。可选值le…
原因分析1、清除浮动是为了清除使用浮动元素的影响。高度塌陷的父元素。如果一个块级元素没有设置height,它的height是由子元素打开的。2、使用浮动后,子元素会脱离标准文档流,…
说明1、给父div定义高度。原理:给父DIV定义固定高度,可以解决父DIV无法获得高度的问题。2、使用空元素。例如(.clear{clear:both})原理:添加一对空的DIV标…
说明1、译为块级格式化上下文,是Web页面可视化CSS渲染的一部分,是布局过程中生成块级盒子的区域。也是浮动元素与其他元素的交互限制区域。2、只有Block-levelbox参与,…
说明1、BFC是页面上隔离的独立容器,容器中的子元素不会影响外部元素。反之亦然。这一元素的垂直方向边距将重叠,垂直方向的距离由margin决定,取值。2、BFC区域不会与浮动盒重叠…
说明1、css box-sizing用于改变用于计算元素宽度和高度的默认CSS盒子模型。并且可以来模拟不正确支持CSS盒子模型规范的游览器行为。2、box-sizing属性可以是三…