-
文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 浮动（float）和 绝对定位（position：absolute）-->脱离文档流查看全部
-
二列分布练习： 左分布 右分布查看全部
-
css网络布局： 百度首页：结构简单 新浪：门户网站，板块构成 布局：板式布局 淘宝：电商网站，展示商品信息 特点：自适应宽度 网页长度可无限延长 突破传统纸媒的布局 结构：头部 尾部 内容主题（分栏---一列布局 二列布局 三列布局 混合布局）查看全部
-
初始化通用：margin 0;padding:0 div居中：margin：0 auto；查看全部
-
一列布局：宽度固定查看全部
-
3列布局-特殊案例 左右列固定宽度，中间列自适应。 左侧绝对定位：position：absolute;left:0;top:0; 右侧绝对定位：position：absolute;right:0;top:0; 中间宽度定义去掉，定义为auto，加上左右的margin值，margin:0 310px 0 210px; 上右下左（中间空一点出的话，增加margin属性值便可以实现） 左右两侧布局固定宽度，中间部分宽度自适应。则需要采用绝对定位来实现，把左右设置为绝对定位查看全部
-
文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 浮动（float）和 绝对定位（position：absolute）-->脱离文档流查看全部
-
div宽度会被父辈限制查看全部
-
3列布局-特殊案例 左右列固定宽度，中间列自适应。 左侧绝对定位：width:200px;position：absolute;left:0;top:0; 右侧绝对定位：width:300px;position：absolute;right:0;top:0; 中间，margin:0 310px 0 210px; 上右下左（中间空一点孔隙）查看全部
-
清除浮动：clear:both;查看全部
-
混合布局 加：子div div间三种关系：相随、嵌套、叠压查看全部
-
3列布局-特殊案例 左右列固定宽度，中间列自适应。 左侧绝对定位：position：absolute;left:0;top:0; 右侧绝对定位：position：absolute;right:0;top:0; 中间宽度定义去掉，加上左右的margin值，margin:0 310px 0 210px; 上右下左（中间空一点出的话，增加margin属性值便可以实现）查看全部
-
.left{ width:30%; height:600px; background:#ccc; float:left;text-align:left;}/*左浮动样式*/ .right{ width:66%; height:600px; background:#FCC; float:right;text-align:left;}/*右浮动样式*/ 自适应宽度用百分比；查看全部
-
浮动（float）和 绝对定位（position：absolute） 脱离文档流！！！查看全部
-
body{margin：0; padding:0;}清除样式 二列布局 设置宽度自适应 用百分比如：width：20%;查看全部
举报
0/150
提交
取消