关于圣杯布局，中间主体内容 右侧有缝隙是怎么回事？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{padding:0;margin:0;}
body{min-width: 900px}
.tou{width:100%;height:64px;background-color:#000000;}
.shen{height:600px;padding:0px 220px 0px 200px;}
.middle{width:100%;height:600px;background-color:pink;float:left;position:relative;}
.left{width:220px;height:600px;background-color:yellow;float:left;position:relative;margin-left:-100%;left:-220px;}
.right{width:200px;height:600px;background-color:blue;float:left;position:relative;margin-right:-200px;}
.wei{min-width:900px;height:64px;background-color:#000000;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="tou"></div>
<div class="shen">
<div class="middle"></div>
<div class="left"></div>
<div class="right"></div>
</div>
<div class="wei"></div>
</body>
</html>
慕仰59959832回答
-
业余奶茶品鉴师
.shen { height: 600px; padding: 0px 220px 0px 200px; }把上面部分改成下面的。.shen { height: 600px; padding: 0 200px 0 220px; }padding 的顺序是 上-右-下-左 -
慕仰5995983
非常感谢
随时随地看视频慕课网APP
Html/CSS
CSS3
Html5