-
浮动的作用: 实质上是实现文字环绕效果 1、元素的block块状化 2、破坏性造成的紧密排列属性(去空格化) float砌砖布局的缺点: 1、容错性比糟糕,容易出现问题; 2、这种布局需要元素固定尺寸,很难重复使用; 3、在低版本的IE下会有许多问题。查看全部
-
清除浮动方法: 1.父元素底部插入clear:both;依然可以对外部产生影响 2.父元素BFC(IE8+)或haslayout(IE6/IE7);隔绝外部,不会对外部产生任何影响 1.IE6/IE7不识别after伪元素 清除浮动方法 .clearfix:after{content:'';display:table;clear:both;} .clearfix{*zoom:1;} clearfix应用在包含浮动子元素的父元素上查看全部
-
1.浮动的原本作用是用来形成类似于word的文字环绕 2.BFC(Block formatting context)块级格式化上下文查看全部
-
DOM与显示位置匹配的单侧固定布局查看全部
-
1、inline-block浮动之后变为块级元素block; 2、js获取display的值在不同浏览器下不同: var display = this.currentStyle?this.currentStyle.display : window.getComputedStyle(this,null).display; 2、js在不同浏览器下float属性值的设置: btnShow.style["cssFloat" in this.style? "cssFloat":"styleFloat"]="left"; (IE下对应styleFloat,而其他浏览器下对应的是cssFloat 用in运算符去检测style是包含该属性。)查看全部
-
浮动的作用: 实质上是实现文字环绕效果 1、元素的block块状化 2、破坏性造成的紧密排列属性(去空格话) float砌砖布局的缺点: 1、容错性比糟糕,容易出现问题; 2、这种布局需要元素固定尺寸,很难重复使用; 3、在低版本的IE下会有许多问题。查看全部
-
flaot是为了文字环绕效果查看全部
-
清除浮动有两种方法: 1、用clear清除浮动:浮动元素底部加入 <div> + clear:both 样式; 会发生margin重叠显现。 原因:外部元素会对内部元素产生影响,图片的bottom是针对下一个div的上部为标准,所以上移100px,而发生重叠。 2、用BFC清除浮动:浮动元素的父元素 + overflow:hidden 样式; 父元素会将整个元素包裹起来,从而不会出现塌陷和重叠显现。 原因:内部元素被包裹起来不会受到干扰,图片的bottom就是父元素的bottom,所以上移100px;查看全部
-
位置和显示相同的单侧固定布局查看全部
-
单侧固定的实现查看全部
-
更好的清除浮动的方法查看全部
-
clearfix查看全部
-
bfc的通常声明查看全部
-
清除浮动的两种方法查看全部
-
具有包裹性的属性查看全部
举报
0/150
提交
取消