用绝对位置定义流体宽度答案

【问题标题】：Defining fluid width with position absolute用绝对位置定义流体宽度
【发布时间】：2014-01-24 22:22:44
【问题描述】：

我正在尝试设计一个带有固定侧面板和滚动内容区域的网站。侧面板将保存品牌和主导航 - 我希望它保持固定，以便导航栏始终可见。我希望菜单项上的悬停效果到达内容区域。目前他们因为位置溢出而溢出：绝对。我知道分配它会将其从文档流中取出。

This is a very rough mock up

我知道，如果我在左侧面板和 ul 上定义宽度，我可以解决这个问题，但网站需要响应，所以我真的需要保持流畅。

有什么建议吗？

【问题讨论】：

标签： html css position

【解决方案1】：

您可以这样做：

header {
    width: 25%;
    float: left;
    display: inline-block;
}

section {
    float: left;
    width: 75%;
    background: white;
    padding: 0 2em;
    display: inline-block;
}

【讨论】：

我已经做到了，但这对元素的宽度甚至列表元素没有影响。