.top{ height:100px; background:#dbdbdb;}
.main{ position:relative; height:500px; background:red;}
.left{ width:200px; height:500px;background:blue; position:absolute; top:0; left:0;}
.right{ height:500px; margin-left:200px; background:yellow;}
.foot{ height:50px; background:orange;}
.main{ position:relative; height:500px; background:red;}
.left{ width:200px; height:500px;background:blue; position:absolute; top:0; left:0;}
.right{ height:500px; margin-left:200px; background:yellow;}
.foot{ height:50px; background:orange;}
最新回答 / Hbrsql
.left{ position:absolute; }你的代码中这个冒号":"使用的不是英文标点,造成.left DIV没有绝对定位,还处于正常流中, .main DIV才换行显示.重新输入一个正确的":"即可.
2016-12-20
最赞回答 / Hbrsql
position: absolute: >>position: absolute;margin: 0 310 0 210 background:#9CF >>margin: 0 310px 0 210px; background:#9CFposition:absolute right 0 top 0; >>>position:absolute; right:0; top:0;请规范写法.自己写的代码如果出不来效果应该自己仔细检查一遍.
2016-12-19
设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以领会要点,举一反三。
.top{width:100%;background:grey;height:100px;}
.main{width:100%;height:400px;background:red;overflow: hidden}
.left{width:200px;background:blue;height:400px;
position:absolute;left 0;top 100px;}
.right{height:400px;background:green;float:left;margin-left:210px;width: 100%}
.main{width:100%;height:400px;background:red;overflow: hidden}
.left{width:200px;background:blue;height:400px;
position:absolute;left 0;top 100px;}
.right{height:400px;background:green;float:left;margin-left:210px;width: 100%}
已采纳回答 / ArrayZoneYour
margin属性其实是一个简写,它的展开式是margin-top, margin-right, margin-bottom, margin-left所以margin参数是四个的时候是顺时针设定各个margin的值.
2016-12-18