当前位置: 首页 >>前端技术 >>HTML5 >>HDHCMS实现多列DIV自适应宽度实例

HDHCMS实现多列DIV自适应宽度实例

时间:2020/6/17 8:45:00 【admin】

HDHCMS实现多列DIV自适应宽度实例…

<div class="HdhCmsAll">

<div class="HdhCmsL">HdhCmsl</div>

<div class="HdhCmsR">HdhCmsr</div>

<div class="HdhCmsR">HdhCmsr</div>

<div class="HdhCmsC">HdhCmsc</div>

</div>

<style type="text/css">

.HdhCmsAll{float:left;width:100%;height:20px;color:#fff;}

.HdhCmsL{float:left;width:20%;background:#f00;height:20px;display:inline-block;}

.HdhCmsR{float:right;width:20%;background:#800;height:20px;display:inline-block;}

.HdhCmsC{display:block;overflow:hidden;background:#00f;height:20px;}

</style>


CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-15 http://www.yuyanba.com

分享按钮