关于圣杯布局，中间主体内容右侧有缝隙是怎么回事？

<!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>

查看完整描述

2 回答

已采纳

业余奶茶品鉴师

TA贡献260条经验获得超388个赞

.shen {
    height: 600px;
    padding: 0px 220px 0px 200px;
}

把上面部分改成下面的。

.shen {
    height: 600px;
    padding: 0 200px 0 220px;
}

padding 的顺序是上-右-下-左

2 反对回复 2018-03-19

慕仰5995983
非常感谢

回复 2018-03-22
业余奶茶品鉴师
客气客气

回复 2018-03-23

慕仰5995983

TA贡献1条经验获得超0个赞

非常感谢

反对回复 2018-03-22

关于圣杯布局，中间主体内容右侧有缝隙是怎么回事？

关于圣杯布局，中间主体内容右侧有缝隙是怎么回事？

2 回答

相关问题推荐

添加回答

热搜

最近搜索清空

关于圣杯布局，中间主体内容 右侧有缝隙是怎么回事？

关于圣杯布局，中间主体内容 右侧有缝隙是怎么回事？

2 回答

相关问题推荐

添加回答

关于圣杯布局，中间主体内容右侧有缝隙是怎么回事？

关于圣杯布局，中间主体内容右侧有缝隙是怎么回事？