上海网站建设-网站制作技术基础:DW中嵌套DIV高
发布时间:2015-04-02 17:16  已被人阅读    分享到:
上海网站建设-网站制作技术基础:DW中嵌套DIV高
 
典享网络专业从事上海网站建设,上海网站设计,上海网站推广,上海网站制作,上海网站改版,上海网站运营,上海微信代运营,网站建设,微信运营,网站托管,网站SEO多年。我们不断总结最新的建站及其seo方法,对此我们总结出很多心得。
 
对于很多网站制作的新手朋友来说,学习DIV+CSS是必不可少的。笔者在一些上海网站制作论坛以及QQ群里面,还有百度问答里面,看到很多朋友在问嵌套DIV的很多问题,比如嵌套DIV 高度自适应的问题,我们也看过很多这样的实现方式,比如很多论坛或者百度问答说到用JS程序实现,可能对很多网站制作的新手朋友来说看起来有些费脑筋,今天说两个最最简单的实现方法,大家一看就知道了。
 
第一种,巧用底层DIV实现嵌套DIV的高度自适应
 
很多时候,我们在网站制作的时候,需要在一个DIV里面嵌入子DIV,子DIV的高度往往会因为内容的增多变大,这个时候需要外面的DIV随着子DIV的高度变化而变化。很多新手朋友在网上问父层DIV没有被id为sub的里层子DIV撑高,整体样式出现严重的走样效果。
 
所以,今天说的一个简便的处理方法就是,我们可以在最后一个子层DIV结束之后加上一个宽度与父DIV相同的DIV,高度设为0像素或者根据自己的需要设置一个合适高度的DIV,且该DIV不允许两边有浮动对象,这样我们的网站制作就能实现外部的DIV的高度自动的适应内部的DIV的高度了。这样完全不需要写什么复杂的程序。
 
第二种:设置外层div的overflow:auto;属性
 
这种方法其实是最简单的,我们只需要给外面的DIV设置设置一个overflow:auto;属性就可以了。overflow 为CSS中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。所以,如果我们是使用DW来进行网站制作的,直接设置就可以了,具体的方法是:选中外面的DIV ---进入 CSS属性 --- 找到定位---然后设置overflow为auto就可以了。
 
以上的两种方法最简单,而且兼容绝大部分的浏览器,这样我们网站建设的新朋友,就解决了这个问题,基本上不需为使用JS代码来实现这种功能发愁了。
 
典享网络相信,用心掌握并很好的利用上述网站建设、SEO 技巧,可使网站的关键词排名得到明显的改善和提高。我们也期待在今后的时间里能与更多客户合作。









 
本文分享地址:/news/2/876.html上海网站建设,上海网站制作,上海建站公司,网络运营推广,微信代运营|典享网络典享NET编辑,转发请注明来源及版权归属。
上一篇:上海网站建设-如何提高网站建设的质量 【关闭】
下一篇: 上海网站建设-企业网站制作风格小议:欧式风格