位置相对 div 和绝对 div 的问题答案

【问题标题】：Issue with position relative div and absolute div位置相对 div 和绝对 div 的问题
【发布时间】：2014-05-20 21:39:49
【问题描述】：

我有一个宽度为 750 像素且位置相对的 div，在一个具有绝对样式位置的子 div 内。我希望子 div 宽度为 950px。但父 div（样式位置相对）不允许那样。不改变子div位置的解决方案是什么？

<ul id="nav" class="grid_19 menu">
  <li> <a>HOME</a>
    <ul class="mgdd_dropdown">
      <li>
        <p>menu<br>
        </p>
        <p>menu</p>
        <p>menu</p>
        <p>menu</p>
      </li>
      <li class="mgdrp_list fff">
        <p>menu<br>
        </p>
        <p>menu</p>
        <p>menu</p>
        <p>menu</p>
      </li>
      <li class="mgdrp_list fff">
        <p>menu<br>
        </p>
        <p>menu</p>
        <p>menu</p>
        <p>menu</p>
      </li>
      <li class="mgdrp_list fff">
        <p>menu<br>
        </p>
        <p>menu</p>
        <p>menu</p>
        <p>menu</p>
      </li>
    </ul>
  </li>
  <li><a>APPAREL</a> </li>
  <li>SHOES</li>
  <li>CUSTOMER SERVICE</li>
</ul>








 .grid_19
      {
       width:750px;
       display: inline;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        position: relative;
      }

子 div css

#nav ul.mgdd_dropdown 
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    box-shadow: 1px 1px 2px #CCCCCC;
    display: none;
    font-size: 12px;
    left: 0;
    min-width: 100px;
    padding: 5px 0;
    position: absolute;
    z-index: 10000;
}

【问题讨论】：

对不起，我是这个论坛的新手，现在更正了
您没有添加宽度 - 只是 100px 的最小宽度？
你为什么不把width: 900px设置在#nav ul.mgdd_dropdown上？
我不明白代码与问题的关系，该代码示例中没有 div 或宽度。这是你的代码的一个小提琴，它看起来很好，你可以修改它以显示问题：jsfiddle.net/EpxCb
@SalmanA 我在父 div 之后还有另一个 div，所以我不能为 div 制作 950px

标签： html css

【解决方案1】：

据我了解，如果是，则子元素的宽度必须大于父元素，然后在这里使用 css：

.parent {
    position: relative;
    margin: 0 auto;
    width: 750px;
    background: #ececec;
    height: 800px;
    z-index: 10;
}
.child {
    margin: 0 auto;
    position: absolute;
    background: #c01;
    height: 500px;
    width: 950px;
    right: -15%;
}

demo

【讨论】：