CSS 拉伸至可用宽度

Question

如何制作块级元素，例如div拉伸到可用宽度？

我知道这似乎是一个有明显答案的问题，但看起来有点复杂，看看这个小提琴：

http://jsfiddle.net/spryno724/pZKgv/

CSS 将内容的左右边距设置为div每侧 20%。设置该width属性会导致其拉伸 100% 的原始可用空间，从而在每侧添加 20% 的边距时导致其溢出屏幕的一侧。

如何解决这个问题，使得 20% 的边距仍然存在，但会div拉伸以填充之间的剩余空间？

Answer 1

这就是你所拥有的：

\n\n

.error {\n  border: 1px solid black;\n  display: inline-block;\n  margin-left: 20%;\n  margin-right: 20%;\n  position: fixed;\n  top: 0;\n  width: 100%;\n}\xe2\x80\x8b\n

\n\n

试试这个：

\n\n

.error {\n  border: 1px solid black;\n  margin-left: 20%;\n  margin-right: 20%;\n  top: 0;\n}\xe2\x80\x8b\n

\n