gpt4 book ai didi

html - 似乎无法删除两个 div 之间的垂直空间

转载 作者:行者123 更新时间:2023-11-28 03:14:56 26 4
gpt4 key购买 nike

我似乎无法删除 div 元素和 .我尝试了各种方法,例如减少边距和填充。但白浪并没有消失。任何帮助表示赞赏。以下是 HTML 代码:

#container {
width : 1300px;
margin-right : auto;
margin-left : auto;
background : #EEE;
}

#header {
background: rgb(197, 177, 224);
padding-top : 5px;
color : black;
text-align : center;
padding-bottom: 5px;
border-style: solid;
}
#nav{
margin-bottom: 0px;
background: red;
}


#nav ul {
list-style-type : none;
padding: 0px;
}

#nav li {
width : 258px;
float : left;
padding-top : 5px;
padding-bottom : 5px;
border-width : 1px;
border-style : solid;
background : #FEF123;
text-align : center;
}
 <div id="container">
<div id="header">
<h1>Test Website 3</h1>
</div>
<div id="nav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">Stuff</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Logging In</a></li>
</ul>
</div>

最佳答案

#nav ul {
list-style-type : none;
padding: 0px;
margin: 0;
}

成功了:D

#container {
width : 1300px;
margin-right : auto;
margin-left : auto;
background : #EEE;
}

#header {
background: rgb(197, 177, 224);
padding-top : 5px;
color : black;
text-align : center;
padding-bottom: 5px;
border-style: solid;
}
#nav{
margin: 0;
background: red;
}


#nav ul {
list-style-type : none;
padding: 0px;
margin: 0;
}

#nav li {
width : 258px;
float : left;
padding-top : 5px;
padding-bottom : 5px;
border-width : 1px;
border-style : solid;
background : #FEF123;
text-align : center;
}
<div id="container">
<div id="header">
<h1>Test Website 3</h1>
</div>
<div id="nav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Portfolio</a></li>
<li><a href="">Stuff</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Logging In</a></li>
</ul>
</div>

关于html - 似乎无法删除两个 div 之间的垂直空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45520960/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com