是否可以为 DIV 设置"Minimum Distance from Left"值?



我正在构建一个垂直静态的页面,但当用户展开窗口时,页面元素之间的空间会增加。这很好用。但是,我想为页面设置一个最小宽度,这样当用户将窗口大小调整到预定宽度以下时,元素就不会一起收缩,以防止它们重叠。

我认为解决方案可能很简单,但我想不通。我已经将包含"最近的新闻"的DIV设置为从右起48px,绝对定位,我想设置类似的内容,这样它就不会离窗口左边缘超过800px(或其他什么)。

我可以发布代码片段,但不确定什么CSS现在有用。

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

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

另请参阅

CSS最小宽度属性

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

但是,为了使用它,您需要稍微更改布局,因为#centre#left#right都是绝对的。

你可以更好地将#centre定位在staticrelative上,有足够的padding-rightpadding-left将绝对定位的#right#left放置在里面。然后#centre自然会消耗剩余的空间,你可以在body上使用min-width

最新更新