内容隐藏在左侧菜单后面

Question

我的网页内容位于我左侧的侧边菜单后面。我想要修复菜单，但每当我这样做时，内容会隐藏在左侧菜单后面。任何帮助将非常感激。 （格式化道歉，网站新手。）

.menu {

padding-top: 150px;




height: 100%;




width: 170px;




background-color: white;




float: left;




display: table;





position: fixed;

}

Answer 1

固定元素不再位于页面流中，它们的行为方式与绝对定位元素相同。 Chris Coyier对定位http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

的不同有很好的解释

为了让您的身体内容停止在固定属性后面流动，您需要创建一个所有正文内容所在的容器（如果尚不存在），当然除了导航/菜单栏。然后，您将主体内容的填充左侧应用于固定元素的宽度，以便主体内容始终填充远离浏览器的左侧。

固定元素不影响元素和位置的流量和位置：父容器上的相对对固定元素没有影响。