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（ 「名稱：」），其是目前空白。

謝謝！

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