三列中间自适应布局--(来自网易)

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

三列中间自适应布局--(来自网易)<div class="g-bd5 f-cb"> <div class="g-sd51"> <p>左侧定宽</p> </div> <div class="g-mn5"> <div class="g-mn5c"> <p>中间自适应</p> </div> </div> <div class="g-sd52"> <p>右侧定宽</p> </div></div>

/* 三列中间自适应布局 */.g-bd5{margin:0 0 10px;}.g-sd51,.g-sd52{position:relative;float:left;width:230px;margin:0 -230px 0 0;}.g-sd52{float:right;width:190px;margin:0 0 0 -190px;}.g-mn5{float:left;width:100%;}.g-mn5c{margin:0 200px 0 240px;}

左侧定宽

中间自适应

右侧定宽

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航