CSS : DIV 텍스트는 랩 어라운드 떴다 사업부

내가 지금처럼 고정 폭 콘텐츠 사업부가있는 사이트와 페이지의 오른쪽에있는 빈 공간에 떠있는 사업부를 만들기 위해 노력하고 있어요 :CSS : 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에서의 테스트가 페이지 너비가 너무 작아서 float을 감싸고 싶습니다.

무엇이 부족합니까 ??

출처

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 안에있는 텍스트의 최대 너비를 정의하고 싶지만 외부에 다른 float가 있어야합니다. – Thildemar

CSS : DIV 텍스트는 랩 어라운드 떴다 사업부

답변

관련 문제