0

再一次，列表让我难以置信。

<div id="headbottom">
            <ul id="headnavbutton">
                <li id="button1" class="headnavbutton"></li>
                <li id="button2" class="headnavbutton"></li>
            </ul>   
 </div>

CSS：

#headbottom{position:relative;width:960px;height:29px;margin:auto;bottom:10px;}
#headnavbutton{float:right;height:100%;width:250px;padding:0;}
.headnavbutton{float:right;border: 1px solid #ccc;padding-top:0px;list-style:none;}
#button1 {width:100px;height:100%;background:url(../images/headnavbutton.gif);}
#button2 {width:100px;height:100%;background:url(../images/headnavbutton.gif);}

你可能会说，看起来很甜美和简单。但是由于某种我不知道的原因，该列表被从父 div 中推出。

这是一个 JSfiddle：它不准确，但它很好地代表了正在发生的事情。

http://jsfiddle.net/WXbbj/5/

4

1 回答 1

1

现在在您的 div headnavbutton中定义边距，如下所示

#headnavbutton {
    margin: 0;
}
于 2012-06-19T11:52:22.560 回答