ITPub博客

首页 > 应用开发 > IT综合 > DIV+CSS 实现自适应高度, 自适应宽度

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

原创 IT综合 作者:hanker1 时间:2008-08-07 18:16:15 0 删除 编辑

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

通常我们做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, 而是用嵌套





实例代码如下:





asdf
sdf
sdf
sdf





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

[@more@]

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

请登录后发表评论 登录
全部评论
  • 博文量
    5
  • 访问量
    9818