Question

这个问题一直让我发疯。它总是发生。我只列出了重要的代码。

以下是我的HTML代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title> File Manager </title>
        <link rel="stylesheet" href="../main.css">     
    </head>

    <body>
        <div id="sidemenu">
            <ul>
                <li><a onclick="">Add New Staff</a></li>
                <li><a onclick="">Set Time Limit</a></li>
            </ul>
        </div>

        <table class="container";>
            <thead>
                <tr>
                    <th>Username</th>
                    <th>Name</th>
                    <th>Position</th>
                    <th>Status</th>
                    <th>Time</th>
                    <th>Date</th>
                </tr>
            </thead>    
        </table>
    </body>
</html>

CSS代码：

body, html {
    padding: 0;
    margin: 0;
    top: 0;
    height: 100%;
    width:100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

#sidemenu {
    background: #333;
    list-style: none;
    margin: 0;
    padding: 0;
    width:192px;
    height: 100%;
    position: fixed;
}
#sidemenu li {
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidemenu a {
    background: #333;
    border-bottom: 1px solid #393939;
    color: #ccc;
    display: block;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight: normal;
}
#sidemenu a:hover {
    background: #2580a2;
    color: #fff;
    padding-bottom: 8px;
}

我在Mozila中使用inspect元素发现的问题。如你所见，身体正下方有两条断裂线。但是那段代码不在我的html代码中。我如何删除它？

Answer 1

这是一个很长的镜头，但请尝试加载normalize.css

Answer 2

您只需将此代码用于开发

即可

＆＃13;

body > br {
  display : none;
}
.hello{
  display : initial;
}

＆＃13;

<br>
<br>
<p>this is your content</p>

<br class="hello">
<p>this is where you like to use br tag</p>

＆＃13;

清除首页上的白线，CSS，HTML

2 个答案: