潜水之间的水平空间

我正在做一个学校项目的网页，我遇到了这个问题。

我有一个div，它包含标题，和一个div与水平导航栏。在这些潜水之间有一个间隙。我已经通读了我的代码，但还是找不到原因。

不管我怎么做都没用。

我已经将所有元素的margin/padding设置为0px。

代码如下:

asp/html

   <html xmlns="http://www.w3.org/1999/xhtml">
<link href="StyleSheet.css" rel="stylesheet" />
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
        <div id="wrapper">
            <div id="header">
                <asp:Image ImageUrl="_res/Logo.png" runat="server" />
                </div><div id="menuBar">
                    <asp:Image ImageUrl="_res/menubar.png" runat="server" />
                </div>
                <asp:ContentPlaceHolder ID="cphMain" runat="server">
                </asp:ContentPlaceHolder>

        </div>
    </form>
</body>
</html>

CSS

* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #2e261e;
    background-image:url(_res/sides.png);
    background-repeat:repeat-x;
}
#wrapper {
    width: 960px;
    margin-left:auto;
    margin-right:auto;
}
#header {
    margin:0px;

}
#menuBar {
    margin: 0;
}

我试过display:block，什么都不做…很抱歉我的问题措辞太差了

答案是在我的css文件中将这些div的line-height属性设置为0。我不知道最初设置的行高是多少，但它起作用了。

你已经回答了自己，但我想知道你所经历的"差距"是否总是在图像下方?不是块元素，我曾经在底部有一个1px的边距，即使边距被重置。我通常需要在图像上设置display: block来移除1px的间距

不幸的是，我(个人)从未使用过ASP。然而，据我所知，在标准HTML中，您想要做的事情非常简单。下面是我的HTML代码:

<div id="wrapper">
    <div id="header">
        <img src="http://s26.postimg.org/vqdkaohmd/logo.png" />
        </div><div id="menuBar" align="right">
            <img src="http://s26.postimg.org/5tjvy2dyx/lnks.png"/>
        </div>
</div>

我已经删除了你的'form'标签，因为我们只需要当你的用户要使用一个表单(很明显)，像一个登录表单-即使这样，表单标签不会遍布整个页面。

这里是JSFiddle: http://jsfiddle.net/gSAW4/1/
如果有什么需要我解释或帮助的，请告诉我

相关内容

最新更新

热门标签：