-
1、自适应宽度：设置左：float：left;中：float:left;右：float:right; 2、左右固定宽度，中间自适应宽度：取消float,用position:absolute实现 左：width:200px;position:absolute;left:0;top:0; 右：width:300px;position:absolute;right:0;top:0; 中：margin:0 300px 0 200px;(上 右 下 左),如果需要与两侧之间有间距，只需要改变margin即可查看全部
-
文档流：将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。 说白了，文档流就是元素（块状元素、行内元素、内联元素）在窗口中的默认布局方式：总体一行一行的，每行从左往右排放元素。 有三种状况将使得元素离开文档流而存在,分别是浮动、绝对定位、固定定位。 这里要注意：相对定位还是文档流布局的。 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。查看全部
-
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它查看全部
-
多列布局的时候，一个定宽，另一个自适应，要吧定宽的拉出文档流，设置position属性为absolution 然后把自适应宽度的margin值改为固定剂可以。查看全部
-
一列布局：普通，居中即可（左右margin为auto） 二列布局：float：left和float：right即可 三列布局： 1.全部自适应：margin=33.33%，并全部设置为float 2.左右固定，当中自适应：左右position：absolute；当中margin定死(手动写左右margin=左右栏宽)查看全部
-
水平居中 margin:0 auto;查看全部
-
1.margin:0 310px 0 210px;（注意写法，中间不用“，”分隔） 2.right:0;（注意是“：”不是“=”，0需在数字输入法下输入才有效，结尾用“；”跟其他属性分开）查看全部
-
混合布局笔记查看全部
-
1查看全部
-
三列布局查看全部
-
文档流：将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。 说白了，文档流就是元素（块状元素、行内元素、内联元素）在窗口中的默认布局方式：总体一行一行的，每行从左往右排放元素。 有三种状况将使得元素离开文档流而存在,分别是浮动、绝对定位、固定定位。 这里要注意：相对定位还是文档流布局的。 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。查看全部
-
style中的css代码body{margin:0;padding:0;} 作用：先清除各个浏览器的默认样式，才可以进行自定义的边距设置查看全部
-
一列布局通常用于首页； 让div居中：margin:0 auto; 2. 典型单列布局：头部top 主体main 尾部foot 三个<div> 3. 清除默认样式：;body{margin:0;padding:0} 4. margin的顺序是上右下左，那么这里的0表示上方的为0，上方的对应部位也就是下方也为0.同理auto指的是右方，那么对应的左方也为auto。查看全部
-
absolute relative查看全部
-
margin为旁边的宽度查看全部
举报
0/150
提交
取消