-
左浮动，不改变DOM位置的流体布局写法，核心代码是 左侧div: width: 100%; float: left; 右侧div: width: 56px; float: left; margin-left: -56px; <--- 此处的 margin-left，等于右侧 div 自身的宽度 width: 56px 此为固定写法，除此之外的其他代码都只是起美化之用查看全部
-
清除浮动的更好的类定义查看全部
-
1.用clear清除浮动(在浮动元素的底加入div且设置clear:both;)，会发生margin重叠显现 2.用BFC清除浮动(在浮动元素的父元素上加入overflow: hidden;)，则会把整个元素包起来，从而不会发生margin重叠现象查看全部
-
float:left float:right text-align:center 呈现：left 标题 right 的效果查看全部
-
Bfc block fromation context查看全部
-
/* 固定布局：图片和div都是float:left */ .mib_feed_fixed { width: 484px; float: right; } /* 流式布局：图片float:left,div margin-left:76px; */ .mib_feed_flow { margin-left: 76px; }查看全部
-
不改变DOM位置的流体布局方法： 左边内容整体CSS{width:100%;float:left;} 右边内容整体嵌入CSS{width:内容宽度;float:left;margin-left:-内容宽度} 改变DOM位置的流体布局方法: 左边内容整体CSS{margin-right:右边整体宽度} 右边内容整体嵌入CSS{float:right;width:内容宽度;}查看全部
-
左边图右边文字自适应 .mib_head_a { float: left; margin-right: 20px; } /* 下面这个是固定布局写法 */ .mib_cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }查看全部
-
根据剩余宽度进行自适应浮动 display: table-cell查看全部
-
不改变DOM位置的流体布局写法 margin 负值查看全部
-
左边图右边文字自适应 .mib_head_a { float: left; margin-right: 20px; } /* 下面这个是固定布局写法 */ .mib_cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }查看全部
-
float的设计初衷： 文字环绕效果查看全部
-
如果还不够大查看全部
-
float浮动-----实现文字的环绕效果 清除浮动：1.脚底插入clear:both;(好比索道和外部依然可以接触) 2.父元素BFC(IE8+)或haslayout(IE6/IE7) （好比隧道）查看全部
-
2侧自适应流体布局查看全部
举报
0/150
提交
取消