Question

我正在尝试制作一个徽标设计业务，所以我设置了一些带有一些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>

Answer 1

对于您所有损坏的HTML，我可以告诉您#Title位于不同的<td>元素而不是#Header，因此它永远不会在其中

修改HTML。

此外，还需要单位。将px添加到所有未标记的长度数字。

Answer 2

这里有点紧凑 - FIDDLE

HTML

<div class='outerdiv2'>
<div class='outerdiv1'>
<div class='centerdiv'>Logo Design</div>
</div>
</div>

但我不确定你想要什么名字。

为什么灰盒子不会进入白盒子里面

2 个答案: