固定导航列表中的负边距

时间:2012-10-09 23:49:00

标签: html css css-float margins

所以基本上我拥有的是一个包含所有内容的主容器div。我想要一个固定的垂直导航列表出现在容器的侧面。

当我调整窗口大小以查看不同的分辨率时,会出现问题。我现在使用大约1024px的容器中的固定宽度,最小宽度为1200px,但它仍然切断了固定导航列表的一部分,因为我在导航容器上使用了-125px的余量来使其超出内容容器。

这是正常的

enter image description here

然后当调整大小并且最小宽度我已经设置了

enter image description here

以下是导航的代码     .nava {     向左飘浮;     位置是:固定;     保证金左:-125px;     文本对齐:权利;     }

1 个答案:

答案 0 :(得分:0)

.nava
{
    float:left; 
    position: fixed;
    min-width: ??px         //Set your minimum needs here.
    max-width: ???%;        //preferably % because you don't know the maximum
    padding-left: -125px;   //!!!
    text-align:right; 
}

当你的意图是填充时,永远不要使用保证金!