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

发布时间：2020-12-14 16:43:17 所属栏目：资源来源：网络整理

导读：我想要有三列,一个以页面为中心的1000px中间列,然后是左侧和右侧的一列,占据剩余的宽度. 我基本上想要一些看起来像这样的东西：包装器为1000px,两个侧面空间为剩余总空间的一半. 解决方法您可以轻松地将元素居中于边距：0px auto.这将在元素的左侧和右侧留

我想要有三列,一个以页面为中心的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的任一侧是不可能的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!