Fatal编程技术网
  • jquery/
  • Jquery 如何获得单个元素的内部和外部宽度？

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

jquery css

Jquery 如何获得单个元素的内部和外部宽度？,jquery,css,width,Jquery,Css,Width,在CSS或jQuery中有没有一种方法可以获得单个元素的内部和外部宽度 我有一个div，它的宽度为100%，高度为30px，在这个div中我有一个导航菜单列表（两个无序列表）。我想将960px的内部宽度添加到此div，以便菜单居中，并且div的背景宽度为100%，因为div的宽度为100% 例如： 我不想在这个div的内部或外部添加任何其他div。我想用这个单div来完成所有这一切。我怎样才能做到这一点 非常感谢您的帮助！非常感谢你 首先： div { width: 100%; b

在CSS或jQuery中有没有一种方法可以获得单个元素的内部和外部宽度 我有一个div，它的
宽度
为
100%
，高度
为
30px
，在这个div中我有一个导航菜单列表（两个无序列表）。我想将
960px
的
内部宽度
添加到此div，以便菜单居中，并且div的背景宽度为100%，因为div的宽度为100%

例如：


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

非常感谢您的帮助！非常感谢你
 首先：

div {
   width: 100%;
   background: url("...");
}
    div ul {
        margin: 0px auto;
        width: 960px;
    }


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

第二：

为什么不添加第二层div，宽度为960px？
像这样的东西怎么样


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;

}


这是一把小提琴：

对不起。我没有很好地解释自己。我的房间里有两个
    。非常感谢您的回答。