我有一个宽度 450px 的表单，其中一个元素必须占据整个页面的宽度 (990px)。
position:absolute 是一个问题，因为这个宽项需要适应表单内的元素流。 margin-left:-270px 看起来有点老套，可能会随着 future 规则的变化而崩溃。有更好的解决方案吗？
如何在表单流中获取占据整个页面宽度的元素？
最佳答案
如果您使用固定宽度的布局，我真的不认为 -270 的 margin-left 是 hackish。如果您没有自己发布，这将是我建议的答案。
为了让它看起来不那么骇人听闻，另一种方法可能是使用 Less - 它实际上是一种基于 CSS 的语言，可以编译为纯 CSS。然后您可以指定规则，以便对表单或页面宽度的更改也将自动整理您的边距:
@page_width: 990px;
@form_width: 450px;
...
.full_width_form_element {
margin-left: (@form_width - @page_width) / 2;
}
关于css - 在窄柱内携带宽元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7127486/