ul div推出親子

我有一個ul div的問題。我的母公司的div沒有把它放在中。我有父div（subMenu）定位和z-indexed，但ul子（subMen）只是推出並顯示在它的底部，當它應該包含在父母並拉到我申請給父母的定位。我試過浮動和列表式的定位。但似乎沒有關係。這裏是CSS代碼：ul div推出親子

#subMenu { 
background-image: url(images/sub_nav_background2.png); 
width: 1280px; 
height: 60px; 
position: relative; 
top: -145px; 
z-index: -100; 
} 

#subMen { 
margin-left: 330px; 
list-style-position: inside !important; 
float: left !important; 
height: 20px; 
width: 900px !important; 
font-size: 14px; 

}

這是涉及到這個HTML部分。

<div id="subMenu"> 
     <ul id="subMen"> 
     <li><a href="#">BRAND MARKETING</a></li> 
     <li><a href="#">EXPERIENTIAL MARKETING</a></li> 
     <li><a href="#">PERFORMANCE SOLUTIONS</a></li> 
     <li><a href="#">MEETING & EVENT SOLUTIONS</a></li> 
     </ul> 
     </div> 
<div class="clearfix"></div>

這裏是正在進行的IMAGE。

底部列出的菜單應該位於該灰色區域，並位於頂部的主導航欄下。

來源

2013-03-11 Alex Howell

請提供鏈接，我會揣摩你 – 2013-03-11 15:40:57

一些HTML的，也將有助於我在使用PHP – Pete 2013-03-11 16:03:29

當你浮動的東西，它可以逃脫其父div。您應該將overflow財產添加到您的父母。如果你指定overflow: hidden它將隱藏溢出; overflow: scroll將滾動。工作示例：http://jsfiddle.net/BZFTY/2/

在上面的提琴中，嘗試將溢出屬性更改爲不同的值：default，scroll和hidden。

來源

2013-03-11 15:40:55 ktm5124

和WordPress的，所以我不能表現出現場例如，但我可以顯示html – 2013-03-11 16:12:59

我已經放在一起根據您的代碼小提琴。因爲我需要看到窗口內的文本-145px：

http://jsfiddle.net/wby6W/1/

#subMenu { 
background:#ccc; 
width: 1280px; 
height: 60px; 
position: relative; 
z-index: -100; 
overflow:hidden; 
} 

#subMen { 
margin-left: 330px; 
float: left; 
width: 900px; 
font-size: 14px; 
}

我已經刪除了頂部。我也加了overflow：隱藏到你的CSS上面建議的。

來源

2013-03-11 16:25:01 micp

好吧，我想出了自己。出於某種原因，我需要根據負邊界進行定位。如果我使用常規定位，它不會影響ul div。感謝大家的幫助！你們可以更容易地找出我需要改變的問題。小提琴肯定有幫助！ – 2013-03-11 17:07:31

你可以做

list-style-position:inside;

來源

2014-12-09 14:35:18

ul div推出親子

回答

相關問題