Question

我正在尝试使用html和css代码构建一个网页。我试图在我的标题区域上写下5个链接从上到下。我正在使用“dt”和“dl”，然后使用“a”标签进行链接。但问题是5个链接占用更多的地方然后背景5固定图形。我使用固定高度来解决这个问题，但是当我使用“a”标签时它不起作用，否则我可以将它们放置在所需位置。我的代码如下。

    <div id="header">
    <div id="link">
        <dl><dt> <a href="#">Home</a> </dt></dl>
        <dl><dt> <a href="#">Support</a> </dt></dl>
        <dl><dt> <a href="#">Services</a> </dt></dl>
        <dl><dt> <a href="#">About Us</a> </dt></dl>
        <dl><dt> <a href="#">Contacts</a> </dt></dl>
        <dl><dt> <a href="#">FAQ</a> </dt></dl>
    </div>
</div>

css代码

#header {
margin:0 auto;
width:780px;
height:275px;
background:url(images/header.jpg) no-repeat;
}

#link {
padding:75px 0 0 0px;
width:780px;
height:275px;
}

#link dl dt a {
margin:0px 0 0 575px;
font:arial;
font-size:13px;
font-weight:normal;
color:#000000;
font-style:italic;
}

Answer 1

您在#link ID上声明了与#header ID相同的高度加上75px的顶部填充，因此275 + 75 = 350px，调整您在该ID上的高度或将其全部删除你应该全力以赴。

在固定位置写链接的问题

1 个答案: