我试图做一个徽标设计公司，所以我用一些CSS设置了一些HTML，以使网页看起来不错，但是一路上，我意识到顶部的灰色框不会进入青色框！我尝试放置填充并进行边距处理，但这没有用。有小费吗？这是代码：
<html>
<head>
<style type="text/css">
#Logo{
height:50px;
width:250px;
background-color:green;
font-family:Algerian;
color:white;
text-align:center;
}
#Logo-border1{
height:75px;
width:275px;
background-color:blue;
}
#Logo-border2{
height:100px;
width:300px;
background-color:yellow;
}
#Logo-border3{
height:125px;
width:325px;
background-color:red;
}
#Logo-border3:hover{
height:125px;
width:325px;
background-color:red;
cursor:pointer;
}
#Header{
padding:7px;
width:1554;
height:175;
background-color:cyan;
}
#Title{
margin-right:100px;
margin-bottom:0px;
padding:3px;
height:150;
width:1150;
background-color:gray;
}
</style>
</head>
<body background="Images/Background.jpg">
<table>
<tr>
<td>
<div id=Header>
<a style="color:white;text-decoration:none;" href="file:///C:/Users/Owner/Desktop/Website-Buy%20Items%20Cheap/Index.html" title="Logo Design">
<div onClick=window.location=("file:///C:/Users/Owner/Desktop/Website-Buy%20Items%20Cheap/Index.html"); id="Logo-border3">
<div id="Logo-border2">
<div id="Logo-border1">
<div id="Logo">
<h1>
<b>Logo Design</b>
</h1>
</div></div></div></div></a>
<td><div id="Title">hi</div></td>
</div>
</td>
</tr>
</table>
</body>
</html>
最佳答案
对于所有损坏的HTML，我可以告诉您#Title与<td>位于不同的#Header元素中，因此它永远不会在其中。
修改您的HTML。
此外，还需要单位。将px添加到所有未标记的长度数字中。