html – 简单的2列div布局

前端之家收集整理的这篇文章主要介绍了html – 简单的2列div布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试用html中的浮动div创建一个非常简单的2列布局.问题是下面的div,foot总是被渲染到右边div的右边.我知道我应该在某处使用明确的声明,但我不确定哪个是正确的位置.

另外,正如你在左边看到的那样,我明确指出了左边的高度.有没有办法将力设置为相同的高度而不再指定它?

<div id="main">
    <div id="left" style="float: left; width: 150px; background: #DDDDDD; height: 500px;"> 
        left column
    </div>

    <div id="right" style="float: left; background: #EEEEEE;">
        right column
    </div>
</div>

<div id="foot">
    footer
</div>

解决方法

使用清楚:两个脚上的div.

对于第二个问题,您可以将主div设置为具有特定高度,然后将左右高度设置为100%.

猜你在找的HTML相关文章