01/10/2018, 14:29

Hỏi về height trong css

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 !

Aragami1408 viết 16:37 ngày 01/10/2018

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

Tên Gì Cũng Được viết 16:45 ngày 01/10/2018

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

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

Dương Trung Hiếu

0 chủ đề