如何实现div与下面一个div贴合

Question

    <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，但一直不知道如何一行等高，会出现这个样子

问大神该如何解决

Answer 1

用一个大的div套住那两个，再设置子div高度为100%

Answer 2

没看明白你要干嘛?

Answer 3

可以把div设置成display:table-cell，这样的话就是模拟表格单元格显示，可以实现等高显示~

Answer 4

添加下面样式：

.am-g{
height:100px;/*想要固定的高度*/
overflow:hidden;
}

div如果不设高度的话，会根据它的子元素决定它显示的高度~

Answer 5

.am-u-md-9{height:100%} 试试