Hỏi về height trong css

[Duong_Trung_Hieu (Dương Trung Hiếu)]

mình có 1 div left-menu và content trong div menu

<div id="menu">
			<div id="left-menu">
				<span class="logoGioiThieu"></span>
                        <div id="content"></div>
#menu {
	width: 780px;
	height: auto;
}

#left-menu {

	width: 200px;
	background-color:#6998cc;
	float: left;
	
}


#content {
	width: 580px;
	height: 100%;
	background:white;
	float: right;

	
}

khi trong phần content có 1 đoạn văn thì height của menu nó dãn tự động
content cũng dãn theo đoạn văn nhưng tại sao height của left-menu lại không dãn ?
mình mới mò vào css có gì không biết xin chỉ dạy !

[anon10709737]

Edit lại cho mọi người dễ hiểu

#menu{
     width: 780px;
     height: auto;
} 

#left-menu{
     width: 200px;
     background-color: #6998CC;
     float: left
} 

#content {
    width: 580px;
    height: 100%;
    background: white;
    float: right
}

Và ngoài ra nhớ post thêm đoạn html vào đây nhé @Duong_Trung_Hieu

Cảm ơn bạn

[kisuluoibieng (Tên Gì Cũng Được)]

Google gõ
W3school equal height

Thuộc tính float thì height của menuleft với content độc lập với nhau, thằng kia nhiều nội dung nên nó cao kệ nó, thằng còn lại ko quan tâm

Sẵn gặp cái này thì search luôn clear float để hiểu thêm