0

我的身体里有 1 个容器 ( width:800px)。

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

如何？

更新 - 一些代码：

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

1 回答 1

0

使用媒体查询：

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

例如，如果您的边距20px只是检查800+20px 作为最小宽度

于 2013-06-20T12:16:22.930 回答