html - 固定侧边导航栏后剩余空间

标签 html css responsive-design

我正在尝试制作一个具有侧边导航栏的网站,该栏以像素为单位进行固定和定义,因为无论窗口大小如何,我都需要它保持相同的大小。但是页面的其余部分需要响应。 我遇到的问题是,由于导航栏以像素为单位定义,而页面的其余部分以百分比为单位,我有一个我不想要的水平滚动条。我正在寻找一种只使用窗口中剩余的水平空间的方法,即减去导航使用的像素? 谢谢

最佳答案

这听起来像是 css calc 的工作:

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

请注意,我们首先在没有计算的情况下写入宽度作为旧浏览器的后备。

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

关于html - 固定侧边导航栏后剩余空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28221259/

相关文章:

javascript - 通过匹配属性键而不是值来查找元素

html - 纯 CSS slider

html - CSS中的 block 大小背景图片?

javascript - 移动浏览器中的正文边距问题

html - 使用媒体查询的响应式导航栏问题

jquery - 使用媒体查询使 slider 响应

javascript - 如果验证成功隐藏提交按钮并显示加载图像

javascript - 如何将水平滚动按钮更改为垂直滚动

html - 如何在内联样式中添加 nth-child() 样式?

css - 将 textLength 应用于内联的 SVG tspan 元素(水平)