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

回答

相关问题