歇后语大全| 百家姓| 丰胸美乳| 丰胸新闻| 明星美胸| 美胸图片| 丰胸按摩| 丰胸饮食| QQmi| 图片素材| 个性签名| QQ网名| QQ头像| 空间日志| 好友印象| QQ分组
首页 > 网站建设知识 > 正文

网站建设知识

外层DIV随着内层DIV增高而自动增高

分享到:

发布:新新网络 | 发布时间:2014-10-08 | 点击:



对于很多网站制作的新手朋友来说,学习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代码来实现这种功能发愁了。

本文由上海艺觉网络科技有限公司(http://www.zwzsh.net)原创编辑转载请注明。


建站知识

Knowledge

相关信息

  • 寝取られレズビアン
  • 外层DIV随着内层DIV增高而自动增高
  • 本类阅读排名

    本站阅读排名



    关于新新网络| 业务范围| 企业动态 | 行业新闻 | 新闻中心| 建站知识| 客户服务| 招贤纳才| 网站模板| 联系新新网络| 网站地图| sitemap
    • 热线电话: 0755-84185494 / 84185967
    • 点击在线咨询做网站
    • 传真:0755-84185967 邮箱:8416287@qq.com (请将#号换成@)
    • 地址:深圳市龙岗区布吉中兴路21号基业大厦1109室
    深圳最值得信赖的品牌-深圳品牌营销网站建设专家
    分享到:

    备案编号:粤ICP备13013056号-1
    Copyright © 2009-2013 新新网络(www.newnet.cc) All Rights Reserved. 《中华人民共和国增值电信业务经营许可证》

    ·1、本站转载文章及论坛发帖,仅代表原作者观点和立场,并不代表本网赞同其观点和立场,也不对其真实性负责。
    ·2、如果本站转载的文章有内容、版权及其它问题,请即与本站联系,我们将尽快予以更正或删除。