1

2 つの子 div を持つ親 div を持つ jquery モバイル ページを作成しました。div全体にバックラウンドカラーが欲しいです。そのため、背景色を new1 ID に適用しました。でも申し込めない。ここにコードを添付しています

<div id="new1">

       <div id = "c1">

       Welcome 
       </div>

    <div id = "c2">
       <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain" data-mini="true">

        <label for="select-choice-1" class="select"></label> 
                    <select name="select-choice-1" id="select-choice-1" data-theme="a" >


                        <option value="select">Select</option> 
                        <option value="approve">Approve</option> 
                        <option value="reject">Reject</option>
                                        </select></fieldset>

       </div>

       </div>

CSS

#new1
{
background-color:#E32E18;
 position: relative;



}

#c1{
    position: absolute;
    left:0;
    margin-top: 5px;
margin-left:2px;

}



#c2{
    position: absolute;
    right:0;

}
4

2 に答える 2

1

の内容は でnew1あるposition:absoluteため、その次元は に適用されませんnew1。

height: xpxしたがって、コンテナにa を指定する必要があります( new)。

別の解決策はfloat、配置の代わりに使用することです。

#new1
{
background-color:#E32E18;
position: relative;
}

#c1{
    float: left;
    margin-top: 5px;
    margin-left:2px;
}

#c2{
    float: right;
}

.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

デモ:フィドル.

clearfixクラスはTwitter Bootstrapからのものです。

于 2013-01-30T08:44:22.580 に答える
1

次元のないものに背景色を与えることはできません:

例を次に示します: http://jsfiddle.net/Gajotres/bPjLn/

#new1
{
   background-color:#E32E18;
   position: relative;
   width: 300px;
   height: 300px;
}
于 2013-01-30T08:41:45.067 に答える