2011-12-29 41 views
1

我有一個內容div,其中包含所有內容。這個div有一個邊框。我想把東西放在這個div裏面,這樣如果裏面的內容太大,這個div就會擴展。內容div中的項目應該是「div」還是「p」,他們應該擁有哪些css位置?用於邊框以包圍內容的div位置

CSS:

#content{ 
position: relative; 
margin-left: auto; 
margin-right: auto; 
border: 1px solid #E0E0E0; 
min-height: 200px; 
width: 1000px; 
padding: 0px 0px 80px 0px; 
background-color: #fff; 
} 

回答

1

當您設置width: 1000px;它會阻止內容DIV免於遭受任何更寬。我懷疑你想要min-width: 1000px;

對於內部內容使用p標記如果您創建僅使用內嵌html元素的段落。如果您使用塊級元素,則使用div標籤。

我不能說你應該如何設計你的內部元素,因爲我對你的設計規格一無所知。

1

#content div的內容可以是p或div元素,它由您決定。 #content div將以任何方式展開到其內容的高度,除非您的#content中的元素具有float屬性。

如果是這種情況,你可以像下面這樣做,使#content div擴大其高度。

<div id="content"> 
    <div style="float:right; border:1px solid red; height:500px;"></div> 
    <div style="clear:both;"></div> 
</div> 

這裏的重要部分是最新的div與clear:both屬性,它修復了父元素的高度。

1

你應該仍然可以使用DIV。如果您使用的是height:auto;,則應根據您的內容進行擴展。另外我想你可以一起使用min-height:200px;height:auto;;照這樣說。我也同意mrtsherman,如果你設置一個特定的像素的寬度或高度,它會限制你的這些限制。