是否可以为 DIV 设置“与左侧的最小距离”值？答案

【问题标题】：Is it Possible to Set a "Minimum Distance from Left" Value for a DIV?是否可以为 DIV 设置“与左侧的最小距离”值？
【发布时间】：2012-02-18 21:49:41
【问题描述】：

我正在构建一个垂直静态的页面，但允许页面元素之间的空间在用户展开窗口时增加。这工作正常。但是，我想为页面设置一个最小宽度，以便当用户将窗口大小调整到低于预定宽度时元素停止一起收缩，以防止它们重叠。

我认为解决方案可能很简单，但我想不通。我已将包含“最近新闻”的 DIV 设置为距右侧 48 像素，绝对定位，并且我想设置类似的东西，以使其永远不会距离窗口左边缘超过 800 像素（或其他任何东西）。

我可以发布代码 sn-ps，但不确定现在什么 CSS 有用。

你可以在这里看到我遇到的问题：http://www.cjfoote.co.uk/news/index.html

【问题讨论】：

您是否尝试过使用 min-width 属性：developer.mozilla.org/en/CSS/min-width？
如果问题只是重叠，你应该浮动主列，或者给两列一个绝对位置，并以百分比设置宽度。不知道这是否能回答你的问题

标签： html css window position

【解决方案1】：

是的，min-width 是正确的属性。

但是，您需要稍微更改布局才能使用它，因为#centre、#left 和#right 都是绝对的。

您可以将#centre 定位在static 或relative 上，并使用足够的padding-right 和padding-left 将绝对定位的#right 和#left 放置在其中。那么#centre自然会占用剩下的空间，你可以在body上使用min-width。

【讨论】：

【解决方案2】：

使用 css 属性 min-width。这将使它在一定宽度下不会变小。

另见

CSS min-width Property

【讨论】：