我有一个包装div,它将两个div相邻.在这个容器上方,我有一个包含我标题的div.包装div必须是100%减去标题的高度.标题约为60像素.这是固定的.所以我的问题是:如何设置我的包装div的高度为100%减去60 px？
<div id="header"></div>
<div id="wrapper">
<div id="left"></div>
<div id="right"></div>
</div>
在CSS中,我该怎么做这样的事情:
width: 100% - 100px;
我想这很简单但是很难找到显示出来的例子.
反正我是否可以将css值写成数学表达式？例:
div{
height: 50% + 30px;
width: 40em - 5px;
}
如果有,那将是完美的.
PS:我不想用JS或JQuery来做.
我有一个带有侧面导航的站点，我希望屏幕的其余部分充满图像，侧面导航位于左侧，宽度为150px。
理想情况下，id喜欢将全屏图片设置为，width:100% -150px;但我很确定这不是正确的CSS。
有没有办法达到同样的效果？我不能使用，width:90%;因为在更宽的屏幕上150px更像是宽度的5％，而不是10％。
我的 div 宽度为 800px，中心对齐：
min-height:800px;
margin-left:auto;
margin-right:auto;
我在它的右侧有一个 div，固定如下：
left:50%;
padding-left:400px;
position:fixed;
但现在 div 已经超过了主要内容。
因此，如果主要内容中有一个按钮，我无法单击它，因为固定 div 位于其上方。
我尝试给它一个较低的 z-index，但如果我这样做，我将无法单击侧面 div 上的按钮。
是否可以给它一个，margin left:50% + 400px;
这样我就不需要填充？