固定侧导航栏后的剩余空间

时间:2015-01-29 17:48:48

标签: html css responsive-design

我试图建立一个网站,其侧面导航栏是固定的,并以像素定义,因为我需要它保持相同的大小,无论窗口大小。然而,页面的其余部分需要响应。 我的问题是,由于导航栏以像素定义,而页面的其余部分是百分比,我有一个我不想要的水平滚动条。我正在寻找一种方法,只使用窗口中剩余的水平空间,即减去导航使用的像素? 谢谢

2 个答案:

答案 0 :(得分:0)

这听起来像css calc的工作:

width:90%;
width:calc(100% - 90px);

请注意,我们首先将没有calc的宽度写为旧浏览器的后备。

http://css-tricks.com/a-couple-of-use-cases-for-calc/

答案 1 :(得分:0)

我相信设置

overflow-x:hidden
在CSS中,您将阻止出现水平滚动条。