DIV自动最底部-以及div按屏幕来自动缩放内容-智软工作室

智软工作室主要是为宁波公司提供宁波网站建设,宁波网站制作,宁波做网站公司，宁波外贸网站建设公司,宁波网站优化等项目,以优质的服务，优惠的价格，深的客户信赖。相信有你的加入我们的明天会更有动力！期待与你合作！

2014已经悄然到来，在新的一年我们恭贺所有客户事业蒸蒸日上，同事庆祝智软设计工作室成立5周年，在5周年为众多客户提供了保质量的网站设计与网站制作。我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务！期待与你合作
智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格，最优质的质量，最突出的设计！得到了客户的一致认可,我们的服务包括：宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!
点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解
2014开幕，宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格
智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新，让新老客户更好的看到我们做的案例，点击查看我们做的网站案例吧！
智软(宁波网络公司)帮你轻松解决网络问题，网站一站式解决方案

DIV自动最底部-以及div按屏幕来自动缩放内容

2011-09-18 15:40

这几天在做网站。要做一个div自动适合屏幕高度然后在最底部，可以就看了一些关于屏幕排版的文章。后来发现了2种方法。一种是用js来让div最底部，还有一种就是css 来代替js下面这个代码就可以实现了

.shape{width: 100%; height: 100px; position:fixed!important; position:absolute;bottom:5px!important; bottom:auto; top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight));}

div 上面直接调用这个代码就可以.

然后我们(www.002t.cn)在来说下自动适合屏幕大小来改版内容的位置。其实这个重点是在于。我们宽度都要100% 来就行了。比如我们下面这个头部栏目代码。他就可以实现。自动屏幕来左右延伸，直接上面代码

html代码如下：

css代码如下：

#top { width: 100%; height: 86px; margin: 0px auto; }
#top-left { width: 315px; float: left; overflow: hidden; }
#top-right { float: right; width: 682px; }

相信大家也看明白了。也就是说。我们最大的层是100%高度和宽度。然后用浮动来左右控制。这样他就自动屏幕大小来浮动内容了！