Question

我正在尝试将div设置为屏幕宽度，但不使用：

div { 
  position: relative;
  left: 0;
  right: 0;
}

因为这会破坏模板。

有可能吗？

Answer 1

如Bootstrap文档中所述，您可以使用两种不同类型的容器类。一个称为“容器”的固定宽度和一个称为“容器流体”的容器，它跨越视口的整个宽度。

代码：

<div class="container-fluid">
  ...
</div>

Answer 2

您没有提交任何代码，但我会在Twitter上回答您的问题。

即使静态定义了父元素，所有子元素也会动态流动（在父限制内），直到你对这些子元素设置静态限制。

main {bottom: 0; left: 0; overflow: auto; position: absolute; right: 0; top: 0;}

此示例中main元素中的所有元素仍将动态展开以使用屏幕宽度的100％，无论屏幕的种是什么。

如果您没有设置宽度，则不使用position属性，像div这样的块元素会自动使用它的100％可用宽度除非将其设置为float;添加margin或padding将从内容宽度中减去，除非您指定宽度（inherent或{{1}除外}）。

我会假设您正在使用的页面上有现有内容，所以除非您可以编辑页面的整个（X）HTML，否则您有可能被迫使用auto财产。