Làm cách nào để tự động điều chỉnh chiều cao DIV gốc theo nội dung trong DIV con?

Question

Tôi có một phụ huynh DIV bên trong cha mẹ DIV tôi có hai DIV một ở bên trái và thứ hai nằm ở bên phải bên trong DIV mẹ tôi muốn khi tôi viết bất kỳ nội dung nào trong thẻ div bên trái hoặc bên phải, phụ huynh sẽ tự động điều chỉnh theo chiều cao của thẻ DIV trái hoặc phải ..

Cách ghi tệp .css để thực hiện việc này?

DIV chính sẽ không được điều chỉnh theo các div con in Design View:

xem xét mã của tôi xin vui lòng:

<div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;"> 
    <div style ="float:left"> 
     <p>Hi, Flo!</p> 
     </div> 
     <div style ="float:right; height: 180px;"> 
     <p>is</p> 
     <p>this</p> 
     <p>what</p> 
     <p>you are looking for?</p> 
     </div> 
    </div> 

Answer 1

nếu hai divs trẻ đang nổi thì bạn có thể sử dụng:

div.parent{ overflow: hidden; } 

với chiều cao NO được chỉ định.

kích thước

Answer 2

Div được tự động điều chỉnh theo nội dung nó giữ, unles bạn chỉ định một số phao nổi để divs nội .. Nếu bạn có divs nổi, bạn có thể sử dụng giải pháp này: similar question

Answer 3

div.parent{ 
    display: inline-block; 
    width: 100%; 
} 

Tôi thấy điều này là một giải pháp rất tốt đẹp. Nếu bạn có trẻ em nổi và trẻ em không nổi, chiều cao sẽ tự động được điều chỉnh để số lượng tối thiểu của không gian cần thiết. Chiều rộng được đặt thành 100% để mở rộng thành cấp độ gốc của chiều rộng của bố mẹ.