我正在构建一个垂直静态的页面,但当用户展开窗口时,页面元素之间的空间会增加。这很好用。但是,我想为页面设置一个最小宽度,这样当用户将窗口大小调整到预定宽度以下时,元素就不会一起收缩,以防止它们重叠。
我认为解决方案可能很简单,但我想不通。我已经将包含"最近的新闻"的DIV设置为从右起48px,绝对定位,我想设置类似的内容,这样它就不会离窗口左边缘超过800px(或其他什么)。
我可以发布代码片段,但不确定什么CSS现在有用。
你可以在这里看到我遇到的问题:http://www.cjfoote.co.uk/news/index.html
使用css属性min-width
。这将使它在一定宽度下不会变小。
另请参阅
CSS最小宽度属性
是的,min-width
是正确的属性。
但是,为了使用它,您需要稍微更改布局,因为#centre
、#left
和#right
都是绝对的。
你可以更好地将#centre
定位在static
或relative
上,有足够的padding-right
和padding-left
将绝对定位的#right
和#left
放置在里面。然后#centre
自然会消耗剩余的空间,你可以在body
上使用min-width
。