元素忽略位置:固定以在CSS中对齐

时间:2014-12-23 23:43:02

标签: javascript html css css3

我在HTML和CSS中遇到问题,我有一个横向左侧菜单,其高度和位置相对为100%。我想把其他元素放在它的旁边,这不是问题,问题是,如果我想要,例如,将其他元素置于菜单和右边之间的中心,我无法做到它。它在文档的左侧和右侧之间做了一个中心。

页面左侧的元素未显示,因为它们位于菜单后面。如何指示菜单"存在"?

2 个答案:

答案 0 :(得分:1)

你可以试试这个:

html, body{
    height:100%;
}
body{
    padding-left:400px; /* Suppose the width of sidebar is 400px */
    text-align:center;
    position: relative;
}
.sidebar{
    width:400px;
    top:0;
    left:0;
    position:absolute;
    min-height:600px;
}

答案 1 :(得分:0)

您应该为内容创建另一个<div>,为其设置宽度并使用floatposition将其粘贴到右侧,然后您可以将所有内容或所有内容置于中心位置你想要在这个特定的块