CSS - 同一高度

-3

的做兄弟的DIV请参阅http://jsfiddle.net/ttsop213/CSS - 同一高度

<div id="outer"> 
<div class="innerdivs" id="inner1">this has small text</div> 
<div class="innerdivs" id="inner2">smallest text</div> 
<div class="innerdivs" id="inner3">I think this should have a pretty large text</div> 
<div class="innerdivs" id="inner4">How about making this the one with the largest text and find out how other sibling divs behave. I think something might just work, and something won't.. let us run it! </div> 
</div>

要求是使同一高度的所有资料核实。请确保这些内部DIVS不应该有任何滚动条，并且3个DIVS应该占据最大DIV的高度。请仅在CSS中进行更改。

来源

2014-12-13 sarthak sharma

到目前为止，您尝试过哪些方面，以及您在哪些方面陷入困境？更改应该只在CSS中，但是CSS是什么？将所有相关代码粘贴到问题的正文中，并且只需最低限度地依赖外部链接。 – esqew 2014-12-13 06:17:29

使用'display：table-cell;'http://jsfiddle.net/ttsop213/5/ – 2014-12-13 06:19:03

使用display: inline-block而不是float:left将它们全部放在同一行并填充父项。

#outer { 
    display: inline-block; 
    border: 4px solid darkgreen; 
    border-radius: 10px; 
} 
.innerdivs { 
    display: inline-block; 
    margin: 5px; 
    border-radius: 3px; 
    background: #ff3; 
    width: 100px; 
}

来源

2014-12-13 06:22:19 mpkuth

使用显示：表;对于具有“外”类的外部div。使用Display：table-cell;对于拥有“innerdivs”类的内部div。并从“innerdivs”中删除“float：left”属性。

来源

2014-12-13 07:20:22

CSS - 同一高度

回答

相关问题