已采纳回答 / 19931019a
margin不对 left 和 right的div 的position 是绝对的 不属于文档流， 然后 main 就是从body边界开始，那么想要文字不被左右模块挡住，就要对margin如下设置： margin：0 310px 0 210px; 。 (上右下左顺时针) 310 > 300, 210 > 200 所以就能显示全部文字
2016-06-15
已采纳回答 / weibo_哆啦A梦有大口袋_0
body{ margin:0; padding:0; font-size:30px; color:#fff}.top{height:100px;background:#CCCCCC;}.main{height:500px;background:red;position:relative;}.left{width:200px;height:500px;background:#0000FE;position:absolute;top:0;left:0;}.right{height:500px;backgrou...
2016-06-14
已采纳回答 / 不知所云的浮
大哥，你打错了一个字母 .foot{ widht:800px; height:100px; background:red; margin:0 auto}
2016-06-03
已采纳回答 / Newbie_Zou
要加上主div的话你可以把中间的div也设置成绝对块，然后设置左右两边距离。如：.main{width:1000px;}.left{ width:200px; height:600px; background:#ccc;left:0; top:0;position:absolute;}.middle{ height:600px; background:#9CF;position:absolute;right:310px;left:210px;}.right{ height:600px; width:300...
2016-05-26
已采纳回答 / 种子_fe
浮动使元素脱离正常文档流，“.left”浮动就是左边的div脱离正常文档流，“.right”不设置浮动就还在正常的文档流中，左边300px宽度部分就会被left div遮挡了
2016-05-26
已采纳回答 / pirates5
.footer{width:960px;margin:0 auto; height:50px; background:#9F9; /*【任务4】*/clear:both}
2016-05-25
已采纳回答 / Himushroom
你代码里面有几个点：题目里面要求顶部和底部宽度自适应，所以width:100%;这个可以不用写，浏览器默认就是width:100%;你在.right里面设置的这个margin-left：210px；是因为你给它设置了float：right；再margin-left自然看不出效果你在右边模块里面输入字母确实会溢出，如果输入汉字的话则会把模块撑大，这是由于浏览器默认的换行属性导致的，你可以在右边模块的css中加上属性word-break：break-all；再试试下面是我写的，可能也有不对的地方，不过刚好你提...
2016-05-22
已采纳回答 / 禹哥哥
.main,.footer{ width:20%;margin:0 auto;}权值不是20，是10。分别为10.当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。
2016-05-22
已采纳回答 / Himushroom
是的，自适应的意思就是不用你去设置width，你可以自己试试，最常用到的是两栏布局，侧边栏固定宽度，右侧自适应，这样你去拖动浏览器的大小的时候，会发现右侧自适应这一栏会随着浏览器的宽度而自己调整宽度
2016-05-21