CSS 百分比布局走得太远

Question

我有 CSS 问题。我不知道为什么会这样。这是关于网站CSS的图片。

Answer 1

内容区域的宽度为 100%，该宽度继承自正文。我认为你应该使用这样的东西

    .container { 
      border : 2px solid #000; 
      overflow:hidden;
    }

    #one {
      background-color: gray;
      float:left; 
      padding:15px;
      width:50px;
      border-right:2px solid #000;
      height:200px;
    }
    #two { 
      background-color: gray;
      float:left;
      padding:15px;
      width:300px;
      height:200px;
      border-right:2px solid #000;
    }
    
    #three { 
      background-color: white;
      width:300px;
      height:200px;
      border-right:2px solid #000;
    }

  <div class="container">
    <div id="one">one</div>
    <div id="two">two</div>
    <div id="three">three</div>
  </div>