CSS, tự động thay đổi kích thước div?

Question

Tôi đang cố gắng thiết kế bố cục với css, tôi nhận được một vùng chứa chính (div) và hai vùng chứa bên trong (div_upper và div_lower). giả sử tôi muốn thay đổi kích thước div_upper và div_lower sẽ tự động thay đổi kích thước chính nó và cả hai div vẫn phù hợp trong vùng chứa chính. Tôi chắc rằng điều này có thể được thực hiện trong javascript, nhưng có CSS ​​nào để thực hiện điều này? nếu vậy tôi sẽ rất vui.

Answer 1

Có thể this blogpost trên trang web A List Apart sẽ giúp bạn đi đúng hướng.

Answer 2

Một giải pháp:

Sử dụng lớp này để nhận auto dọc chiều cao -

.getAutoHeight { 
    position: relative; 
    overflow: auto; /* edit by thobens: overflow: hidden seems to be better, as (at least) IE 8 shows always a disabled scrollbar with overflow: auto */ 
} 

<div class="getAutoHeight "> 
    any content<br /> 
    any content<br /> 
    any content<br /> 
    any content<br /> 
</div> 

Answer 3

CSS3 resize:

.thisDiv {resize:both;}