-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
1：如果是自适应窗口的话应该以全页面为布局 2：连续的英文和数字因为中间没有空格，所以默认是一个字符，是不能自动换行的，如果换成是中文的话就可以查看全部
-
不脱离文档流就只有三种情况：块级、行内和相对定位。查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
左边固定宽度，右边自适应的话：给左边宽度加绝对定位。右边要居左 左边的宽度数值。查看全部
-
float 和绝对定位可以脱离文档流。查看全部
-
margin:0 auto; 0代表上下方向，auto 代表左右方向查看全部
-
1：两边固定宽度中间自适应： 两边设置宽度、绝对定位，中间设置左右外边距； 2：.left{ width:200px;height:500px;background:#ccc; position:absolute; left:0; top:0; } .middle{ height:500px; background:#999; margin:0 300px 0 200px; } .right{ width:300px; height:500px; background:#000; position:absolute; right:0; top:0;}查看全部
-
1.两列布局，.left and .right，分别包含在一个div里，对此div设置的width，是left和right分别width相加的总数。 2.两列布局中，要用到浮动。float:left or float:right查看全部
-
盒子与盒子中的内容不是一体的，当某一盒子会由于其他的盒子浮动而移位，但这个盒子内的内容不会移位,其内容会交接给这个盒子的下一个盒子查看全部
-
三列布局： 中间宽度不设置，左右宽度均固定，用position：absolute；来实现三者定位。查看全部
-
文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 浮动（float）和 绝对定位（position：absolute）-->脱离文档流 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用position：absolute脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。查看全部
-
常用的布局是混合布局查看全部
-
兼容IE6不能用浮动，而且当子元素要设定为absolute的时候，父元素要设定relative才可以。 要右侧自适应，则左侧应该定宽并且position：absolute。 加载顺序先右后左div的顺序为先右后左查看全部
-
上例中的清除浮动是在foot层清除浮动，详情见16行 见下例是在foot层外对foot层有直接影响的外包容层，内部加一个空的div，见74行查看全部
举报
0/150
提交
取消