本文介绍了如何在前端开发中实现左右布局，包括使用table、inline-block、float以及position:absolute的实现方法。详细讲解了每种方法的实现原理，并着重讨论了float布局的特性，如包裹性、破坏性和占位性。在具体实现中，推荐使用float:left和float:right来创建简单的左右布局。
需求
左边区域放置查询条件、查询按钮；右边区域放置其他的一些功能按钮
实现左右分布的几种方法
1. table—table的li实现
实现原理：
table标签是能够具有实现左右布局的属性，也是我们项目中使用最多的。table布局也是页面布局中使用的最早的布局方式，随着前端技术的发展，table布局由于自身的局限性逐渐被div布局取代。
2. inline-block
实现原理：
display:inline-block属性是介于行级元素(display:inline)和块级元素(display：block)之间的属性，它可以像行级元素一样水平布局，也可以像块级元素设置宽高属性，所以使用它可以进行左右布局。另：它不支持ie6、7浏览器，请注意，但是可以使用inline进行hack处理。
3. float实现左右布局
实现原理：
float属性是css中关于布局的一个关键属性，其意为将该块状区域脱离父级标签的文档流，left属性值使该区域向父级标签区域的左侧边界放置，right属性值使该区域块向父级标签的右侧边界放置，如是利用该属性可以实现左右布局。 float属性属于布局属性，其
最低0.47元/天 解锁文章
431
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
