Sử dụng thẻ "div" thì chiều rộng không hết màn hình

File HTML:

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<title>Home Page</title>
    	<link rel="stylesheet" href="header.css">
    </head>
    <body>
    		<header>
    			<div id = "header">
    				<p>
    					Hello!
    				</p>
    			</div>
    		</header>
    </body>
    </html>

File CSS:
header {
background-color: #2c3e50;
height: 99px;
font-family: ‘Arial’, serif;
color: #FFFFFF;
}
Nhưng khi chạy thì nó chỉ bao quanh 1 phần để loại khoảng trắng ngoài rìa xung quanh, vậy giờ làm sao để có thể cho 2 bên và phía trên đầu sát khít vừa màn hình được ạ?

cho nó cái width: 100%; rồi nếu chưa khít ở trên thì margin-top: 0;

Vẫn không được bác ơi, còn cách nào khác không? @@

À

body {
    margin-top: 0 không được thì chỉnh âm;
    padding: 0;
}
2 Likes

Cảm ơn bác! Được rồi ạ.

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?