body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{line-height:50px;}
.main{ width:960px; height:600px; margin:0 auto}
.left{ width:290px; height:590px; background:#ccc;float:left;}/
.right{ width:650px; height:590px; background:#FCC;float:right;position:relative;
right:10px;}
div{line-height:50px;}
.main{ width:960px; height:600px; margin:0 auto}
.left{ width:290px; height:590px; background:#ccc;float:left;}/
.right{ width:650px; height:590px; background:#FCC;float:right;position:relative;
right:10px;}
已采纳回答 / 慕虎9205161
首先,答案有很多种,很简洁的如下.top{height:100px;background:#ccc;}.main{height:500px;background:red;}.left{width:30%;height:500px;background:blue;float:left;}.right{width:65%;height:500px;background:green;float:right;}.foot{height:100px;background:yellow;}width:100%;这玩意...
2016-11-12
已采纳回答 / 苦瓜ts
规定要要求右侧(right)先加载,左侧(left)后加载,所以想用float可以改动html结构。left设置往左浮动(width规定为200px);right不用浮动,margin-left设置大于200px,这样就做到类似布局。具体代码如下:<...code...>思路有点像三栏布局中的那种特殊布局。用margin来限制容器边界,达到宽度自适应的目的。
2016-11-12
看不出来效果的 可以自己新建一个笔记本,代码复制到里面,然后保存HTML格式。 再点开就能看到效果。 不加margin:0 auto; 就是默认在左边 不是居中