已采纳回答 / Himushroom
你代码里面有几个点:题目里面要求顶部和底部宽度自适应,所以width:100%;这个可以不用写,浏览器默认就是width:100%;你在.right里面设置的这个margin-left:210px;是因为你给它设置了float:right;再margin-left自然看不出效果你在右边模块里面输入字母确实会溢出,如果输入汉字的话则会把模块撑大,这是由于浏览器默认的换行属性导致的,你可以在右边模块的css中加上属性word-break:break-all;再试试下面是我写的,可能也有不对的地方,不过刚好你提...
2016-05-22
最新回答 / Happy_learning
任务3已经帮你实现了。下面这个代码就是他们的顺序 先加载和后加载<...code...>任务4:编写的代码要兼容ie6:这个我想到的唯一方法就是有个IE6 能试下。。如果有更好的方式知道 希望楼主通知下
2016-05-22
已采纳回答 / 禹哥哥
.main,.footer{ width:20%;margin:0 auto;}权值不是20,是10。分别为10.当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
2016-05-22
最新回答 / weibo_发呆小贤_0
margin:0 310px 0 210px;是以上右下左边界的距离来设定的,上下零距离就不说了,右边有一个300px的列,还要和它间隔10px,所以距离右边就是300+10=310px,左边同理。
2016-05-22
已采纳回答 / Himushroom
是的,自适应的意思就是不用你去设置width,你可以自己试试,最常用到的是两栏布局,侧边栏固定宽度,右侧自适应,这样你去拖动浏览器的大小的时候,会发现右侧自适应这一栏会随着浏览器的宽度而自己调整宽度
2016-05-21
.top{width:600px;background:#ccc; margin:0 auto;}
.main{width:600px;background:red;height:300px;margin:0 auto;position:relative;}
.left{ width:200px; height:300px;background:blue;position:absolute;top:0}
.right{height:300px;background:green;margin-left:210px;}
.foot{ width:600px;margin:0 auto;}
.main{width:600px;background:red;height:300px;margin:0 auto;position:relative;}
.left{ width:200px; height:300px;background:blue;position:absolute;top:0}
.right{height:300px;background:green;margin-left:210px;}
.foot{ width:600px;margin:0 auto;}
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px;background:gray;}
.main{height:500px;background:red;}
.left{ background:blue;float:left;height:500px;width:200px;}
.right{background:green;float:right;height:500px;width:400px;}
.foot{clear:both;height:50px;background:pink;}
.top{height:100px;background:gray;}
.main{height:500px;background:red;}
.left{ background:blue;float:left;height:500px;width:200px;}
.right{background:green;float:right;height:500px;width:400px;}
.foot{clear:both;height:50px;background:pink;}