html宽度大小写

Question

html

<div class="div1">
     <div class="div2">Title:</div>
     <div class="div3">Test</div>
</div>

CSS

.div1{
   width:500px;
}
.div2{
    float: left;
    font-weight:bold;
}
.div3{
    width: 60%;
    float: left;
    padding-left: 5px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    border-bottom-width: 1px;
}

例子

我希望下划线填充所有div1，除了div2("Name:") 目前是空白。

谢谢!

Answer 1

你可以这样说

<div class="div1">
     <div class="div2">Title:</div>
     <div class="div3">Test</div>
</div>



.div1{
   width:500px;
}
.div2{
    float: left;
    font-weight:bold;
}
.div3{
    overflow:hidden;
    padding-left: 5px;
    border-bottom: 1px solid #DDDDDD;
}

查看示例 http://jsbin.com/apudil/4/edit#preview