首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >清除首页上的白线、CSS、HTML

清除首页上的白线、CSS、HTML
EN

Stack Overflow用户
提问于 2018-01-28 23:26:40
回答 2查看 316关注 0票数 0

这个问题快把我逼疯了。这总是会发生的。我只列出了重要的代码。

下面是我的HTML代码:

代码语言:javascript
复制
<!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代码:

代码语言:javascript
复制
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代码中。如何删除它?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-01-28 23:32:11

您可以简单地将此代码用于开发

代码语言:javascript
复制
body > br {
  display : none;
}
.hello{
  display : initial;
}
代码语言:javascript
复制
<br>
<br>
<p>this is your content</p>

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

票数 1
EN

Stack Overflow用户

发布于 2018-01-28 23:31:27

这是一次成功的尝试,但请尝试加载normalize.css

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48487943

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档