CSS位置绝对全角问题

小编典典

CSS位置绝对全角问题

css

我有2个div和一个dl：

<div id="wrap">
 <div id="header">
  <dl id="site_nav_global_primary">

这是我的风格：

#wrap {
margin:0 auto;
width:100%;
min-width:760px;
max-width:1003px;
overflow:hidden;
}

#header {
width:100%;
position:relative;
float:left;
padding-top:18px;
margin-bottom:29px;
}

#site_nav_global_primary {    
float:right;
margin-right:18px;
margin-bottom:11px;
margin-left:18px;
}

现在，我想更改site_nav_global_primary以具有全屏宽度，而无需更改换行和标题。但是当我尝试：

#site_nav_global_primary {    
position: absolute;
width:100%;
top:0px;
left:0px;
}

导航获得包装器的100％，最大宽度为1003px。我希望它可以扩展到最大而不更改wrap和header div。

这可能吗？

阅读 509

2020-05-16

共1个答案

小编典典

您可以将left和right属性都设置为0。这将使得在div拉伸到文档的宽度，但要求没有父元件被定位（这不是的情况下，看到#header是position: relative;）

#site_nav_global_primary {    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

2020-05-16