Css 是什么原因造成的,我该如何消除我网页上的这条虚线?
我很难清除我正在构建的网页上的空白。它发生在标题和导航栏div之间。我制作了另一个ASP.NET网站,也发生了同样的事情。请告诉我是什么原因造成了这个空白,我如何才能消除它 谢谢 代码:Css 是什么原因造成的,我该如何消除我网页上的这条虚线?,css,asp.net,html,visual-studio,web,Css,Asp.net,Html,Visual Studio,Web,我很难清除我正在构建的网页上的空白。它发生在标题和导航栏div之间。我制作了另一个ASP.NET网站,也发生了同样的事情。请告诉我是什么原因造成了这个空白,我如何才能消除它 谢谢 代码: <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MainSite.Master.cs" Inherits="EndophthalmitisDatabase.Site1" %> <!DOCTYPE html> &l
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MainSite.Master.cs" Inherits="EndophthalmitisDatabase.Site1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Endophthalmitis Database</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style>
html,body {
margin: 0px;
padding: 0px;
}
div#header {
background: #e00;
height: 50px;
width: auto;
border-bottom: solid;
border-bottom-color: #b00;
font-family: Arial;
font-size: 50px;
color: #eee;
padding: 25px;
overflow: auto;
margin: 0px;
}
div#navBar {
background: #ddd;
height: 35px;
width: auto;
border-bottom: solid;
border-bottom-color: #ccc;
font-family: Arial;
font-size: 16px;
margin: 0px;
}
div#navBar ul {
list-style: none;
list-style-type: none;
background-color: #ddd;
}
div#navBar ul li {
display:inline;
}
div#navBar ul li a {
padding:.3em;
text-decoration: none;
color: #900;
}
div#navBar ul li a:hover{
background-color: #e00;
color: #fff;
}
div#contentDiv {
overflow:auto;
width: 1000px;
height: auto;
background-color: #eee;
border-left: 2px;
border-left-color: #000;
border-right: 2px;
border-right-color: #000;
border-bottom: 2px;
border-bottom-color: #000;
}
</style>
</head>
<body>
<div id="header">
Endophthalmitis Database
</div>
<div id ="navBar">
<ul>
<li><a href ="Default.aspx">Home</a></li>
<li><a href ="DataEntry.aspx">Enter Data</a></li>
<li><a href ="Reports.aspx">Reports</a></li>
<li><a href ="Contact.aspx">Contact</a></li>
</ul>
</div>
<div id ="contentDiv">
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder ID="mainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</div>
</body>
</html>
眼内炎数据库
您的ul商品在顶部增加了一个边距
ul {margin-top:-10px }
(或者说,你的保险商实验室项目在顶部增加了一个余量
ul {margin-top:-10px }
(或者,你需要删除ul上的填充和边距。这些设置是通过浏览器添加的,如果你没有使用任何CSS重置,你需要手动删除它们
在你的CSS中我添加了
margin: 0;
padding: 0;
到div#navBar ul
规则
这将导致布局中的其他小样式问题,您可以轻松修复这些问题,但这解决了您的确切问题
眼内炎数据库
您需要删除UL上的填充和边距。这些设置是由浏览器添加的,如果您没有使用任何CSS重置,则需要手动删除它们
在你的CSS中我添加了
margin: 0;
padding: 0;
到div#navBar ul
规则
这将导致布局中的其他小样式问题,您可以轻松修复这些问题,但这解决了您的确切问题
眼内炎数据库
如果不使用任何CSS重置,将顶部的html,body
选择器更改为*
,不是更好的解决方案吗?我会说不。可能有很多地方我想要,不,我希望,元素的默认填充/边距。这就是为什么大多数重置会在特定元素上显式设置这些值的原因(ul、li等)且不使用*(对于不知道的人,将样式应用于所有元素)。如果不使用任何CSS重置,将顶部的html,body
选择器更改为*
,不是更好的解决方案吗?我会说不。可能有很多地方我想要,不,我希望,元素的默认填充/边距。这就是为什么大多数重置会显式地在特定元素上设置这些值的原因(ul、li等)而不使用*(对于那些不知道的人,将样式应用于所有元素)。