html – 如何使用css选择剩余宽度的一半？

我想要有三列,一个以页面为中心的1000px中间列,然后是左侧和右侧的一列,占据剩余的宽度.

我基本上想要一些看起来像这样的东西：

包装器为1000px,两个侧面空间为剩余总空间的一半.

解决方法

您可以轻松地将元素居中于边距：0px auto.这将在元素的左侧和右侧留下空格.如果元素在另一个占据整个宽度的内部,则可以放置背景并使其居中.

一个例子可能是：

<div id="container">
  <div id="content"></div>
</div>

然后CSS看起来像：

#container {
  width: 100%;
  /* Background properties go here. */
}

#content {
  margin: 0px auto;
  width: 1000px;
}

将内容放在#content div的任一侧是不可能的.