猿问

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

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

慕仰5995983
浏览 1244回答 2
2回答

业余奶茶品鉴师

.shen {     height: 600px;     padding: 0px 220px 0px 200px; }把上面部分改成下面的。.shen {     height: 600px;     padding: 0 200px 0 220px; }padding 的顺序是 上-右-下-左

慕仰5995983

非常感谢
随时随地看视频慕课网APP
我要回答