前端之家收集整理的这篇文章主要介绍了
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