寬度包裝DIV和內容的權利應取決於內容的內容增加寬度的右

大家好我有HTML代碼，這樣寬度包裝DIV和內容的權利應取決於內容的內容增加寬度的右

<html> 
<head> 
<style type="text/css"> 
body {  
font-family:arial,helvetica,sans-serif;  
font-size:12px; background-color: blue; 
} 

**#wrapper {   
width:900px;   
margin:0px auto;   
border:1px solid #bbb;  
padding:10px; background-color: pink; 
}** 

#header 
{  
border:1px solid #bbb;  
height:80px;   
padding:10px; 
} 
#content 
{  
margin-top:10px;   
padding-bottom:10px;  
} 
#content div 
{  
padding:10px;  
border:1px solid #bbb;  
float:left; 
} 
**#images 
{ 
position:relative; 
top:0px; 
}** 
#content-left 
{  
width:380px;  
}  
**#content-right 
{ 
position:relative; 
top:0px;   
margin-left:10px;  
width:534px;  
}** 
#footer 
{  
float:left;  
margin-top:10px;   
margin-bottom:10px;  
padding:10px;  
border:1px solid #bbb;  
width:878px;  
} 
#bottom 
{  
clear:both;  
text-align:right; 
} 



</style> 
</head> 

<body> 
<div id="wrapper"> 
<div id="header">Header</div> 
<div id="content">  
<div id="content-left"></div>  
**<div id="content-right"><div id="images"><img src="pics02.jpg"  
width="300px;height="900px" /></div>** 
</div> 
</div> 
<div id="footer"></div> 
<div id="bottom"></div> 
</div> 
</body> 
</html>

我想如果我插入內容的權利一些內容的問題如果內容的寬度超過了內容的寬度，則第一個內容的權利應該擴大，然後包裝器應該擴展，但這不會發生在那裏，並且正在從包裝器中出來。任何人都可以指導我如何着手。

來源

2012-06-22 satish

你應該接受答案 –

您已修正內容的寬度。所以它不會！它可以調整高度，但它不會調整寬度..你可以使用最小寬度屬性來設置內容的最小寬度 - 右... http://www.w3schools.com/cssref/pr_dim_min-width.asp

來源

2012-06-22 07:30:21

，但如果我使用min-寬度，如果內容更多，則內容右側將位於內容左下方。如果我們放大或縮小的內容也將改變。謝謝你的回覆 – satish

首先！你爲什麼想在你的div中添加那種溢出的內容？在CSS中，我們創建了一個固定的結構，然後將內容放入其中。內容維度可能會在父容器的維度範圍內發生變化，但不會超過這個範圍，這是一種糟糕的CSS練習。如果你喜歡，你可以從最初階段增加內容的寬度。 –

因此，根據內容無法動態增加寬度。我們需要調整內容的寬度大小，並且需要在相應的內容中顯示 - 右鍵。如果有任何方法，我們可以動態調整我們的內容，只是更新我。謝謝。 – satish

寬度包裝DIV和內容的權利應取決於內容的內容增加寬度的右

回答

相關問題