DIV+CSS 实现自适应高度, 自适应宽度

网上查了很多资料都没找到答案,只找了一篇相关的,
还是自己来做一做,^_^

通常我们做DIV布局时都会按照table的布局来做,
这是一种定向思维,下面以三横三列DIV+CSS布局来做实例

table布局:
1 2 3
4 5 6
7 8 9

123,789固定的,46随5高度的变化而变化,
但是如果DIV也这样布局的话是没法实现预期效果的,

下面我们需要转变下一布局思维(123,789固定就不要改了)

DIV布局:
1 2 3
4 6 5
7 8 9

中间的三个不用float:left, 而是用嵌套

实例代码如下:

背景图片自己加上去,(10px*1px), Css那边根据自己的需要改动吧^_^
用同样的道理可以实现宽度自适应,高宽同时自适应,功能不错吧,^_^

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/7944812/viewspace-1008695/，如需转载，请注明出处，否则将追究法律责任。