因此,我试图在我的两个动态div之间获得某种空间。该空间必须是水平的。我希望左右div随页面宽度变化,但它们之间仍然有一个空格。
该空间必须是透明的。
这就是我现在所拥有的:
<div id="container">
<div id="left"></div>
<div id="spacer"></div>
<div id="right"></div>
</div>
样式表:
#container {
height: 85px;
}
#left {
height: 100%;
width: 100%;
float: left;
background: #0f0;
}
#right {
height: 100%;
width: 100%;
float: right;
background: #0f0;
}
#spacer {
height: 100%;
width: 120px;
float: left;
background: #f00;
}
但这就是我得到的全部:JsFiddle
任何想法我可以解决这个问题吗?
试试这个:
#left,#right{
width:calc(50% - 60px); //50% of width, minus 60px because spacer is of 120px
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句