Question

 #header,
      #main,
      #sidebar,
      #footer {
        background-color: black;
         display:inline;
        position:relative;
        float:left;
      }
      #header,
      #footer {
        width:100%;
        height:25%;
      }

      #main {
        width:68%;
        height:50%;
        margin-right:2%;
      }
      #sidebar {
        width:30%;
        height:50%;
      }
    ....
  <body>
    <div id="header"></div>
    <div id="main"></div>
    <div id="sidebar"></div>
    <div id="footer"></div>
  </body>

嗨，此代码段会在窗口最小化时缩小内容。我想要的结果是，当它最小化时，浏览器只有一个滚动条，内容不会移动到他们的位置。谢谢

Answer 1

Haven未使用您的代码对其进行测试，但可能会在正文上设置min-width。

body {
    min-width: 1170px;
}

1170px当然可能是别的东西。

窗口最小化时内容缩小

1 个答案: