Question

我的身体里有一个容器（width:800px）。

如果有足够的空间（屏幕宽度>（800px +边距）），容器应该有一边的边距，但如果屏幕宽度<= 800px，则没有边距。

如何吗

更新 - 一些代码：

    <style>
        body {
            margin: 0;
        }
        #container {
            display: block;
            float: right;
            width: 800px;
            height: 100%;
            background-color: #474747;
            margin-right: 100px;
        }
    </style>


<body>
    <div id="container">TODO write content</div>
</body>

Answer 1

使用mediaqueries：

#container {
  width: 800px;
}
@media screen and (min-width: 820px) {
   #container {
      margin-left: 20px;
   }
}

例如，如果您的保证金为20px，只需检查800+20 px为最小宽度

如果空间足够，请设置边距

1 个答案: