Question

我有一个宽度为750px且位置相对的div，位于具有样式位置绝对值的子div中。我希望子div使宽度为950px.But父div（样式positon亲属）不允许那样。什么是解决方案而不改变孩子的位置？

<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;
}

Answer 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

问题与位置相对div和绝对div

1 个答案: