这个问题快把我逼疯了。这总是会发生的。我只列出了重要的代码。
下面是我的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代码中。如何删除它?
https://stackoverflow.com/questions/48487943
复制相似问题