3

CSS 或 jQuery 中有没有办法让单个元素的内部和外部宽度?
我有一个 div 有一个widthof100%和一个heightof 30px,在这个 div 里面我有一个导航菜单列表(两个无序列表)。我想进入inner width这个960pxdiv,以便菜单居中,并且 div 的背景将具有宽度:100%,因为 div 的宽度为 100%。

例子: 内外宽度

我不想在这个 div 内部或外部添加任何其他 div。我想用这个div做所有这些。我怎样才能做到这一点?

任何帮助是极大的赞赏!太感谢了!

4

3 回答 3

1

首先:如果您只想解决居中问题,请添加text-align:center;到 div。你不需要玩宽度。

其次:你为什么不想添加第二层 divwidth: 960px;呢?

于 2013-08-28T11:46:18.853 回答
1

这样的事情呢?

div{
width:100%;
height:30px;
border:1px solid red;/* for fiddle visualization*/}

ul{  
margin:0;
height:30px; 
width:430px;
position: relative;   

}
div ul:first-of-type{
background-color:#00f;/* for fiddle visualization*/
left: 50%;
margin-left: -430px; 
float: left;
}
div ul:nth-of-type(2){
background-color:#0f0;/* for fiddle visualization*/
right: 50%;
margin-right: -430px; 
float: right;

}

这是一个小提琴:http: //jsfiddle.net/FKZx5/

于 2013-08-28T11:48:34.877 回答
1
div {
   width: 100%;
   background: url("...");
}
    div ul {
        margin: 0px auto;
        width: 960px;
    }
于 2013-08-28T10:39:47.243 回答