Html 使用CSS消除对象之间的间隙
正在寻找消除两个对象之间的间隙的方法。目前,在我的ul菜单和将保存我的内容的div之间有一个容器。我查看了更改页边距/显示,但不知道如何删除它。 这里有一张图片来说明我的意思。我想消除黑条和菜单栏之间的间隙。 很抱歉提出了Horrid CSS问题。:> 图片: Pastebin ID(将它们放在Pastebin url的末尾。) CSS:/iUadQRK0 HTML:/ShWXsp8vHtml 使用CSS消除对象之间的间隙,html,css,Html,Css,正在寻找消除两个对象之间的间隙的方法。目前,在我的ul菜单和将保存我的内容的div之间有一个容器。我查看了更改页边距/显示,但不知道如何删除它。 这里有一张图片来说明我的意思。我想消除黑条和菜单栏之间的间隙。 很抱歉提出了Horrid CSS问题。:> 图片: Pastebin ID(将它们放在Pastebin url的末尾。) CSS:/iUadQRK0 HTML:/ShWXsp8v 欢迎提前提供帮助xx如评论中所述,您应该删除UL元素上的高度: #menu { height: 25p
欢迎提前提供帮助xx如评论中所述,您应该删除UL元素上的高度:
#menu
{
height: 25px;
}
不需要移除高度,设置浮动:左;到ul元素类
#menu{
float:left;
width:100%;
height:25px;
background-color: #0000FF;
margin:0px;
padding: 0px;
list-style-type:none;
}
如果您想了解对齐方式的工作原理,也可以查看此页面。
您想从#菜单中删除高度
您是否尝试过
margin:0代码>在你的目标元素中?在这里插入你的HTML
和CSS
,或者制作一个JSFIDLE。删除你的#菜单{高度:25px;}…注意:如果你的问题已经有了正确的答案,请接受!让那个成员知道!问题已经有了正确的答案。。。
#menu{
width:100%;
/* height:25px; */
background-color: #0000FF;
margin:0px;
padding: 0px;
list-style-type:none;
}