本文主要是介绍HTML板块左右排列布局——左侧 DIV 固定宽度，右侧 DIV 自适应宽度，填充满剩余页面，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
我们可以借助CSS中的 float 属性来实现。
实例：
布局需求：
左侧 DIV 固定宽度，右侧 DIV 自适应宽度，填充满剩余页面。
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><title>title</title><style>.left {float: left;width: 300px;height: 300px;background-color: red;}.right {background-color: orange;margin-left: 310px;height: 300px;}</style></head><body><div class="left"></div><div class="right"></div></body>
</html>这篇关于HTML板块左右排列布局——左侧 DIV 固定宽度，右侧 DIV 自适应宽度，填充满剩余页面的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
