CSS 拉伸(stretch)到可用宽度

Question

如何使 block 级元素(例如 div)拉伸(stretch)到可用宽度？

我知道这可能看起来像是一个答案很明显的问题，但它看起来有点复杂，看看这个 Fiddle:

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

CSS 将包含 div 的左右边距设置为每边 20%。设置 width 属性会导致它拉伸(stretch) 100% 的原始可用空间，导致它在每侧添加 20% 的边距时溢出屏幕的一侧.

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

Answer 1

这是你拥有的:

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

试试这个:

.error {
  border: 1px solid black;
  margin-left: 20%;
  margin-right: 20%;
  top: 0;
}​