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

前端之家收集整理的这篇文章主要介绍了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的任一侧是不可能的.

原文链接:https://www.f2er.com/html/226964.html

猜你在找的HTML相关文章