PDA

View Full Version : giúp em vấn đề margin-bottom ???


rocknet
07-04-2008, 23:50
Em tạo 1 file index.htm với nội dung:


<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
<p>nội dung bài viết ở đây</p>
</body>
</html>

và 1 file style.css với nội dung:



body{
margin:20px 20px 20px 20px;
border:dashed;
}

p{
margin-top:100px;
margin-right:100px;
margin-bottom:100px;
margin-left:100px;
}



Em canh margin-top , margin-right , margin-left của thẻ <p> kết quả đều đúng là 100px, nhưng còn cái margin-bottom thì ko được ??? Đã tăng giảm px nhưng kết quả vẫn ko đổi, vẫn dình liền vào đáy của body ???

Vậy là sao hã các bác ??? giải quyết làm sao để canh margin-bottom cho thẻ <p> đây ???
Spirit
08-04-2008, 01:31
Tự test lại đi, margin-bottom thì ko có vấn đề gì đâu. Do bạn để margin-top + margin-bottom cùng 1 giá trị nên thế, vì thường thế thì nó tính vào top thôi. Bạn thử thay margin-bottom bằng 200px sẽ thấy khác.
phongjalvn
08-04-2008, 09:34
Trong trường hợp bạn muốn tách body ra khỏi thẻ <p> của bạn, bạn cần tăng margin của body chứ. ( Cái này nằm trong phần box modeling)
Ở hình này là kết quả inspect.
http://www.jt-vn.com/blog/wp-content/2008/04/test.jpg
Còn đây là kết quả
http://www.jt-vn.com/blog/wp-content/2008/04/test2.jpg
Về box model bạn cũng cần tìm hiểu thêm ( search google để biết thêm chi tiết)