<div class="am-container ">
<div class="am-g " >
<div class="am-u-md-3" style="border: solid red 1px">
<img src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg" class="am-img-responsive" alt=""/>
</div>
<div class="am-u-md-9" style="border: solid red 1px"></div>
</div>
<div class="am-g" >
<div class="am-u-md-12" style="border: solid red 1px">1</div>
</div>
</div>
我用的是amazeUI,但一直不知道如何一行等高,会出现这个样子
问大神该如何解决
可以把div
设置成display:table-cell
,这样的话就是模拟表格单元格显示,可以实现等高显示~
用一个大的div套住那两个,再设置子div高度为100%
添加下面样式:
.am-g{
height:100px;/*想要固定的高度*/
overflow:hidden;
}
div如果不设高度的话,会根据它的子元素决定它显示的高度~
没看明白你要干嘛?
.am-u-md-9{height:100%} 试试