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

您不能为没有尺寸的东西赋予背景颜色：

这是一个例子：http: //jsfiddle.net/Gajotres/bPjLn/

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

的内容new1是position:absolute所以它的尺寸不会被应用到new1。

所以你需要给height: xpx容器（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 回答