css divs文本重疊問題

Question

我有4個divs，就像你在圖片上看到的一樣。

他們定位是這樣的：

<style> 
div1{ 
    max-width:250px; 
    min-width:240px; 
    position:absolute; 
    right:6px; 
    top:6px; 
    float:left; 
} 
div2{ 
max-width:2248px; 
position:absolute; 
height:35px; 
left:254px; 
margin-right:20px; 
min-width:275px;} 

div3{ 
max-width:250px; 
min-width:240px; 
position:absolute; 
right:6px; 
top:6px; 
float:right;} 

div4{ 
position:fixed; 
top:1px; 
right:400px; 
margin-left:260px;} 
</style> 

我遇到的問題是，DIV4從數據庫獲取它的內容，如果它進入下DIV2更多的文本。並使其無法閱讀。 正在尋找一種方法，以便如果有更多的文本（或者如果您調整瀏覽器的大小）作爲div4文本包裝，div2被推下（如果寬度變窄）或推高（如果瀏覽器寬度變寬） 有什麼想法？

Answer 1

如果您想要對其他元素有反應的元素，那麼您需要使用佈局方法來將元素保留在流中。 position:absolute;就像超級膠，它最好使用節制，只有當沒有別的東西時...

另一種方法是在調整大小期間以編程方式調整定位，但不建議這樣做。