在窄柱内携带宽物品

时间:2011-08-19 21:13:24

标签: css

我有一个宽450px的形式,其中一个项目必须占据整页的宽度(990像素)。

position:absolute是一个问题,因为这个宽项需要适合表单内的元素流。 margin-left:-270px似乎有些过时,可能会因未来的规则变化而崩溃。有更好的解决方案吗?

如何在表单的流中获取占用整个页面宽度的元素?

2 个答案:

答案 0 :(得分:1)

使用CSS的overflow属性。 overflow: auto导致滚动,overflow: visible允许它开箱即用。 overflow: hidden隐藏它在框外泄漏的任何部分。

答案 1 :(得分:1)

如果你使用的是固定宽度的布局,我实际上并没有看到-270左边的边距是hackish。如果您没有自己发布,那将是我建议的答案。

为了使它看起来不那么hackish,另一种选择可能是使用Less - 它实际上是一种基于CSS的语言,可编译为纯CSS。然后,您可以指定规则,以便对表单或页面宽度的更改也会自动整理您的边距:

@page_width: 990px;
@form_width: 450px;
...
.full_width_form_element {
  margin-left: (@form_width - @page_width) / 2;
}

http://lesscss.org/

相关问题