CSS：DIV文字環繞浮動的div

我試圖創建具有固定寬度的內容DIV一個網站，並在空白頁面右側的浮動DIV，像這樣：CSS：DIV文字環繞浮動的div

<html> 
<div style="width:150px;float:right;border:thin black solid"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> 

<div style="width:400px"> 


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 


Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
</div> 

</html>

這可以正常工作，但是當頁面的大小太小時，左邊的div會跳下來，或者其中的文本不會開始環繞右邊的div，直到其大約一半。

我想在左邊的div內測試環繞浮動是頁面寬度太小。

我在想什麼？

來源

2010-04-30 Thildemar

關於你的第二格，使用max-width財產，而不是width財產。

來源

2012-05-09 17:19:02

你可以把浮動的div放在另一個裏面。

<div> 
    <div style="width:150px;float:right;border:thin black solid"> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam. 
    </div> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
    Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
</div>

來源

2010-04-30 09:17:58

問題是我想爲主div內的文本定義一個最大寬度，但在其外面有另一個浮動。 – Thildemar 2010-04-30 14:59:50

CSS：DIV文字環繞浮動的div

回答

相關問題