3

CSS または jQuery で、単一の要素の内側と外側の幅を取得する方法はありますか? ofとof
を持つ div があり、この div 内にナビゲーション メニュー リスト (2 つの順序付けられていないリスト) があります。メニューが中央に配置され、divの幅が100％であるため、divの背景が幅：100％になるように、このdivにアクセスしたいと思います。width100%height30pxinner width960px

例： 内幅と外幅

このdivの内外に他のdivを追加したくありません。この単一の divでこれをすべてやりたいです。どうすればこれを達成できますか?

どんな助けでも大歓迎です！どうもありがとう！

4

3 に答える 3

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 に答える
1

まず、センタリングの問題のみを達成しようとしている場合はtext-align:center;、div に追加します。幅で遊ぶ必要はありません。

第二に、2番目のレイヤーのdivを追加したくないのはなぜwidth: 960px;ですか?

于 2013-08-28T11:46:18.853 に答える