我有一个宽450px
的形式,其中一个项目必须占据整页的宽度(990像素)。
position:absolute
是一个问题,因为这个宽项需要适合表单内的元素流。 margin-left:-270px
似乎有些过时,可能会因未来的规则变化而崩溃。有更好的解决方案吗?
如何在表单的流中获取占用整个页面宽度的元素?
答案 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;
}