.top{width:100%;height:100px;background:#ccc;}
.main{width:100%; height:500px;background:red;position:relative;}
.left{ width:200px;height:500px;background:blue;position:absolute;top:0;}
.right{height:500px;background:green;margin-left:210px;}
.foot{width:100%;height:50px;background:orange;}
.main{width:100%; height:500px;background:red;position:relative;}
.left{ width:200px;height:500px;background:blue;position:absolute;top:0;}
.right{height:500px;background:green;margin-left:210px;}
.foot{width:100%;height:50px;background:orange;}
最新回答 / 人非草木
你的代码肯定有一些问题，需要发上来看看，absolute绝对定位是相对于最近的一个具有定位属性的父包含块进行定位，如果没有这样的父包含块，则相对于浏览器窗口。。你说的给要给父元素设置相对定位，那叫参照定位吧
2016-11-09
body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{ text-align:center; line-height:50px}
.main{ width:960px; height:600px; margin:0 auto}
.left{ width:300px; height:600px; background:#ccc;float:left;}
.right{ width:640px; height:600px; background:#FCC;float:right;}
</style>
div{ text-align:center; line-height:50px}
.main{ width:960px; height:600px; margin:0 auto}
.left{ width:300px; height:600px; background:#ccc;float:left;}
.right{ width:640px; height:600px; background:#FCC;float:right;}
</style>
.top{width:auto;height:200px;background:gray;}
.main{width:auto;background-color:red;height:800px;}
.left{width:200px;float:left;background:blue;height:800px;position:absolute;}
.right{width:80%;float:right;background:green;height:800px;margin-left: 10%;!importan}
.foot{height:80px;width:auto;}
.main{width:auto;background-color:red;height:800px;}
.left{width:200px;float:left;background:blue;height:800px;position:absolute;}
.right{width:80%;float:right;background:green;height:800px;margin-left: 10%;!importan}
.foot{height:80px;width:auto;}
最新回答 / 慕粉4309759
我也是这个问题...nibafoot加上margin-top：400px就显示了，因为他在top底部被main覆盖了.....但是我也不明白为什么要加上margin-top：400px，我觉得这个margin应该是foot与main盒子间的边距..应该是零才对啊。但是事实就是这个margin是与top的间距我也不懂咋回事
2016-11-07
已采纳回答 / summer乐
英文就是会出现超出界限的问题，所以需要加上一些设置，给容器加上这个CSS样式word-wrap : break-word;表示在边界内要换行1.word-wrap ： normal ,其中normal为默认值，当其值为normal控制连续文本换行(允许内容顶开容器的边界，换句话说内容可以撑破容器); 2.word-wrap ： break-word,break-word将内容在边界内换行
2016-11-07
margin:0px 310px 0px 210px;
这句话的作用是设置了绝对定位属性的元素会脱离文档流，既不在文档中占有位置，那么center中的文字内容就会占据左右以及中间元素本来的位置，那么设置左右外边距（边距会出现合并现象，所以要超出左右元素的宽度）就会压缩center里的文字，使其出现换行，并不在占用左右元素的位置，这样解释对不对，求大神指点
这句话的作用是设置了绝对定位属性的元素会脱离文档流，既不在文档中占有位置，那么center中的文字内容就会占据左右以及中间元素本来的位置，那么设置左右外边距（边距会出现合并现象，所以要超出左右元素的宽度）就会压缩center里的文字，使其出现换行，并不在占用左右元素的位置，这样解释对不对，求大神指点