我在让 div 到达页面顶部时遇到问题。我要删除的页面顶部有一个空白区域。请在下面找到 HTML:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Mastermind</title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<body>
<div class="top">
<div class="header">
<table width="100%";>
<tr valign="middle">
<td style="width:30%">
<img alt="a" src="Images/images.jpg" />
</td>
<td valign="middle" style="float:right; width:70%;">
Call us:+1 800 123 4567 | F T G
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
下面是CSS:
body
{
background-color:#F0F8FF;
width:100%;
vertical-align:top;
height:100%;
margin:0px;
padding:0px;
}
.top
{
background-color:#666;
width:100%;
height:25%;
margin:0px 0px 0px 0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
}
.header
{
width:70%;
margin-left:15%;
margin-right:15%;
border:solid 1px black;
margin-top:50px;
}
我希望将 div 顶部放置在浏览器的顶部。
最佳答案
只需删除 margin-top:50px; 或 keep margin-top:0px; inside .header
关于HTML、CSS - 页面顶部有一个我想删除的空白区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23720503/