详解左右宽度固定中间自适应html布局如何解决方案

本文介绍了详解左右宽度固定中间自适应html布局解决方案,分享给大家,具体如下: a 使用浮动布局 html结构如下

本文介绍了详解左右宽度固定中间自适应html布局解决方案,分享给大家,具体如下:

a.使用浮动布局

html结构如下

<div class="box">
    <div class="left">left</div>
    <div class="right">right</div>
    <div class="center">center</div>
</div>   
//此处注意要先渲染左、右浮动的元素才到中间的元素。元素浮动