为块设置一个固定的高度会打破100％的宽度

Question

问题是，当我尝试将height: 20px设置为所有行时，这会从块元素中破坏自然的width: 100%。该错误只发生在IE7上（在FF，Chrome和IE8上测试）。

HTML

<div id="container"> 
    This must be adjusted to content 
    <div class="row">row 1</div> 
    <div class="row">row 2</div> 
    <div class="row">row 3</div> 
    <div class="row">row #</div> 
</div> 

CSS

#container { 
    border: 1px solid black; 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    padding: 5px; 
} 
.row { 
    border: 1px solid blue; 
    margin-top: 2px; 
    height: 20px; 
} 

演示

http://jsfiddle.net/97fax/3/

注

• 我测试上IE8与兼容性模式IE7
• 固定宽度设置为容器，并设置为width: 100%行是不是一个选项。

Answer 1

好找一个伙伴国家的人:)

刚测试过“line-height：20px;”而不是“height：20px;”和只是正常工作于：

1. IE 7
2. IE 8
3. FF3 +
4. 的Safari
5. 铬
6. 歌剧用于该测试

DOC-类型原“严格”。

Answer 2

这可能不是你要找的（表，啊），但在这里不用答案...

<div id="container"> 
    <table><tbody><tr><td> 
     This must be adjusted to content 
     <div class="row">row 1</div> 
     <div class="row">row 2</div> 
     <div class="row">row 3</div> 
     <div class="row">row #</div> 
    </td></tr></tbody></table> 
</div> 

我花了一个半小时的努力的各种组合hasLayout和position: relative和inline/inline-block等，但一个表是所有我能得到的工作恐怕:-(