-
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}//左边设置固定定位 position:absolute;数值 left:0; top:0} .main{ height:600px; margin:0 210px 0 310px; background:#9CF}中间设置 margin:0 210px 0 310px;可变 .right{ height:600px; width:300px; position:absolute; top:0; position:absolute; background:#FCC;}//右边设置固定定位 position:absolute;数值 right:0; top:0 </style> </head>查看全部
-
float:left/*左浮动样式*/ float:right}/*右浮动样式*/查看全部
-
margin:0 auto可使居中查看全部
-
position:absolute; margin-left:210px;查看全部
-
position:absolute; margin-left:210px; 这两点值得注意查看全部
-
一定要小心css的注释和html的注释是不一样的查看全部
-
核心：块挨着块；块叠着块；块嵌套着块。查看全部
-
.top{width:100%; height:50px;background:gray;} .main{width:100%; height:300px;background:red;} .left{width:200px;height:300px;background:blue;position:absolute;} .right{margin-left:210px;width:100%;height:300px;background:green;position:absolute;} .foot{width:100%; height:50px;background:#369;}查看全部
-
三列布局： 1、三列完全自适应宽度：①3个宽度为百分比；②第一个div的浮动：float:left；第二个div的浮动：float:left；第三个div的浮动：float:right. 2、两边固定、中间自适应的三列布局：①两边宽度输入固定值，中间宽度去掉；②第一个div改为固定位置：position：absolute;left:0;top:0；第二个div改为浮动，并且设置margin值：float:left;margin:0 第三个div的宽度 0 第一个div的宽度;；第三个div改为固定位置：position：absolute;right:0;top:0；查看全部
-
三列中间自适应宽度： 两边用position：absolute 中间margin 输入间隔查看全部
-
任务3：要求右侧（right）先加载，左侧（left）后加载 页面代码从上到下执行，你的代码在什么位置，就先加载什么地方的代码了。查看全部
-
footer没颜色或跑位原因：main没有被里面的元素撑开。 解决办法：1.给main使用隐藏溢出overflow:hidden;让main撑开。 2.给受影响元素清除浮动clear:both;去除影响。查看全部
-
混合布局： body{margin: 0;padding: 0;} .top{height: 100px;background: blue;} .main{height: 400px;width: 800px;margin: 0 auto;} .left{height: 400px;width: 200px;background: red;float: left;} .right{height: 400px;width: 600px;background: yellow;float: right;} .foot{height: 100px;width: 800px; background: blue;margin: 0 auto;} sub_l;sub_r 混全布局：块与块的布局 三种状态：块挨着块，块嵌套着块，块叠压着块。查看全部
-
三列布局，左右固定宽带，中间自适应。不能使用浮动，要使用绝对定位 body{margin: 0;padding: 0;} .left{width: 200px; height: 500px; background:#ccc; position: absolute; left: 0; top: 0; } .mid{ height: 500px; background: gray; } .right{width: 200px; height: 500px; background:#ddd; position: absolute; right: 0; top: 0; } 还可以修改中间div的margin来设置列间距： .mid{ height: 500px; background: gray; margin: 0 210px;}查看全部
举报
0/150
提交
取消