如何调整DIV页面大小以适应屏幕宽度?

时间:2013-02-22 00:31:47

标签: html resize

我在以下链接中找到了一个使用DIV的简单网站设计示例:

http://www.htmlgoodies.com/img/3_column.html

这种设计的问题在于它是固定的宽度。我需要一个设计,其中包装器DIV扩展到全屏区域(100%宽度),页眉,主页脚和页脚DIV随之调整大小。

如果我将包装和页脚宽度设置为100%,它会占用最大化浏览器窗口上的整个区域,但缩短窗口会导致右侧和主DIV向下包裹。如何防止这种包裹?

3 个答案:

答案 0 :(得分:0)

我不确定这是否是您正在寻找的答案但是在另一个div下包装的div上使用float:rightfloat:left可能会解决问题?

答案 1 :(得分:0)

我建议使用fluid960gs

答案 2 :(得分:0)

无法完成,DIV只有一个属性,即align属性。也许考虑使用表格:http://www.w3schools.com/html/html_tables.asp Shadowpat