jquery - 如何获得单个元素的内部和外部宽度？

Question

有没有办法在 CSS 或 jQuery 中获取单个元素的内部和外部宽度？
我有一个 width 为 100% 和 height 为 30px 的 div，在这个 div 中我有一个导航菜单列表(两个无序列表)。我想让这个 div 的 inner width 为 960px，这样菜单就会居中并且 div 的背景会有一个宽度:100%，因为 div 有一个宽度为 100%。

例子:

我不想在此 div 内部或外部添加任何其他 div。我想用这个单个 div 完成所有这些工作。我怎样才能做到这一点？

非常感谢任何帮助!非常感谢!

Answer 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;

}

这是一个 fiddle : http://jsfiddle.net/FKZx5/