內容不會左對齊與左浮動的div的標頭標籤

我想添加內容到無序列表的右側，但希望它左對齊列表（左浮動）。當我只是添加段落和圖片時，它可以正常工作，但是如果我使用標題標記，它會將所有內容推送到列表的底部。內容不會左對齊與左浮動的div的標頭標籤

參見：http://www.advantly.com/guides/features/

左邊的無序列表是浮動離開

<div id="vertmenu" style="float: left;">

風格在style.css文件的標題標籤如下：

h1,h2,h3,h4,h5,h6 { clear: both } 
.clear { clear: both } 
.clearfix:after { 
    display: block; 
    visibility: hidden; 
    content: "."; 
    clear: both; 
    text-indent: -9999px; 
    height: 0; 
}

謝謝任何人都可以提供幫助！

來源

2012-09-12 user1664976

題外話：樣式屬性應儘量避免。有更好的頂部有'#vertmenu {float：left;在你的樣式表中。 –

@賈斯珀會做，謝謝 – user1664976

我想你正在編輯這個，因爲我們正在看它。目前，您的左側菜單只是一個沒有浮動的div：左側。 div自然是display：block，並且不會讓其他元素出現在它旁邊。 – Andrew

下面是如何漂浮一對夫婦生活的容器元素中的元素的一個非常基本的例子。用這個作爲指導，你不應該犯太多錯誤。

http://jsfiddle.net/N3FPJ/

來源

2012-09-12 08:54:15

謝謝！這工作完美。 – user1664976

您可以添加到您的標題CSS：

display: inline-block;

這對您的#commentsbox。

clear: both;

來源

2012-09-12 07:55:53 odupont

謝謝...只是嘗試過，但它沒有奏效。此外，添加到標題區域的代碼似乎混亂了頁面和頁腳區域的顯示和間距。 – user1664976

爲什麼你不只是浮動的內容呢？嘗試添加這要權的內容的容器：

float: left; 
width: 600px;

來源

2012-09-12 08:00:01 David

謝謝。我加了 '＃benefits-content {float：left; width：600px; }' 添加到樣式表並將我的內容放入該div。這似乎通過更多地推低內容而影響內容，並且它左對齊，但低於功能列表。我需要它左對齊，但在無序功能列表的右側。我不知道我是否有意義... – user1664976

是的，你做了，但你也刪除了菜單上的浮動，他們都應該漂浮，以對齊彼此。 – David

根據我上面提到的其他評論者的建議，我將float添加到了樣式表中。所以，他們都是左轉的。 – user1664976

試試這個：

#vertmenu { 
    float:left; 
    width:200px; 
} 

#benefits-content { 
    margin-right:210px; 
}

來源

2012-09-12 09:00:47

內容不會左對齊與左浮動的div的標頭標籤

回答

相關問題