水平定位div元素，而不是垂直

我設計了一個導航欄;並在其中的選項卡鏈接由CSS形狀。爲此，我在子元素上使用了大量的position: absolute，並且將父容器設置爲position: relative。我也爲他們設定了一個堅硬的高度和足夠的寬度，並且它不會工作。甚至沒有使用overflow: ..。無論如何，我的標籤框都垂直放置。水平定位div元素，而不是垂直

我對這一點毫無頭緒。

「navBox」class div內的div有position: absolute。

點擊here (jsfiddle)查看HTML和CSS代碼，並觀看輸出結果。

在此先感謝

來源

2012-12-18 gorn

你可以在jsfiddle.net上設置一個小提琴 – defau1t

你使用的是float：left;某處或顯示：inline-block;你需要展示一些css – defau1t

發表的代碼和結果在這裏http://jsfiddle.net/qLKg7/1/ – gorn

你需要你的.navBox類display: inline-block。當然，div元素設置爲顯示塊，默認情況下該元素的寬度爲100％。此外，您的列表項目float: left因爲默認情況下的列表中垂直顯示，浮動左，可以顯示列表水平

更新的jsfiddle：http://jsfiddle.net/qLKg7/4/

來源

2012-12-18 15:56:45

謝謝你; D +1 –

CSS：display: inline或display:inline-block。

來源

2012-12-18 15:58:57 ATOzTOA

水平定位div元素，而不是垂直

回答

相關問題