如何从css中排除元素?

时间:2014-03-18 02:48:02

标签: html css tags

注意: 我已经环顾了其他线程,但我似乎无法在那里得到答案。

我一直试图从“body {}”中的margin属性中排除“#menu”,这样它就不会与文本重叠。

我的代码:

body {
    text-align: center;
    background: black;
    background: url("http://tuxlink.files.wordpress.com/2010/04/snow-leopard-server-wallpaper.jpg");
    font-family: Helvetica;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    color: black;
    background-attachment: fixed;
    background-size: cover;
    font-size: 20px;
    margin: 15%;
}

#menu{
    position: absolute;
    color: white;
    position: fixed;
    background-attachment: fixed;
    border: 5px;
    background-color: grey;
    background-size: contain;
    border-style: ridge;
    border-color: grey;
    width: 150px;
    text-align: left;
    float: left;
}

3 个答案:

答案 0 :(得分:0)

使用菜单的CSS覆盖正文中的CSS:

#menu { border: none; border-width: 5px; }

在那里添加您可能需要的任何其他内容。

答案 1 :(得分:0)

如果您尝试将#menu上的边距重置为默认值,则可以将margin: none;添加到CSS中,以便它看起来像这样:

body {
    text-align: center;
    background: black;
    background: url("http://tuxlink.files.wordpress.com/2010/04/snow-leopard-server-wallpaper.jpg");
    font-family: Helvetica;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    color: black;
    background-attachment: fixed;
    background-size: cover;
    font-size: 20px;
    margin: 15%;
}

#menu{
    position: absolute;
    color: white;
    position: fixed;
    background-attachment: fixed;
    border: 5px;
    background-color: grey;
    background-size: contain;
    border-style: ridge;
    border-color: grey;
    width: 150px;
    text-align: left;
    float: left;
    margin: none;
}

这应该可以做到!

答案 2 :(得分:0)

可能是你的#menu里面的内容

#menu{
position:absolute;  <-- this are interfering with your margins
color:white;        
position:fixed;     <-- this are interfering with your margins
float:left;         <-- this are interfering with your margins
margin: none;       <-- remove that and try set the margin here (eg: margin: 10px;)
}