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

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

    <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%} 试试

【热门文章】
【热门文章】