首页 > 应用开发 > IT综合 > 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博客 ” ,链接:https://blog.itpub.net/7944812/viewspace-1008695/ ,如需转载,请注明出处,否则将追究法律责任。