[asp.net]什么原因造成,和如何做我摆脱这怪异的白线上我的网页?

发布时间: 2016/9/19 2:28:42
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我正在摆脱这个空白在我建立一个网页上的问题。 它发生在我的头和导航栏 div 之间。 做过另一个 ASP.NET 网站又发生同样的事。 请告诉我什么原因造成这白色空间和如何将其删除。

谢谢你 !

代码︰

<%@ 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>

图像︰ enter image description here

解决方法 1:

您的 ul 项目将边距添加到顶部。

ul {margin-top:-10px }

(或什么金额拉起通过 ul......

官方微信
官方QQ群
31647020