网站建设咨询  网站推广咨询  网站优化咨询  网站售后咨询   电话:0316-5269510 客服:13722605112  13315631884

公司邮箱:sjfc2008@126.comsjfc2008@126.com  技术邮箱:sjfc2009@163.comsjfc2009@163.com  网站售后邮箱:e-wkj.cn@tom.come-wkj.cn@tom.com   24小时服务热线:13722605112
导航头部 网站首页 网站制作 网站推广 建站方案 推广方案 业务介绍 网站案例 技术服务 关于我们 联系我们 导航尾部
廊坊畅想网络公司专注于网站建设与网站优化
建站知识

如何设置外层DIV跟随内层自动增高

来 源:畅想网络  作 者:小 编  发布时间:2017-05-19

DIV+CSS是目前比较流行的网站代码,如果很熟练的使用它,网站就可以更好的被展现出来。可是有时候DIV也会出现很多问题,比如嵌套DIV高度自适应的问题,也许会有很多办法实现,不过有一个简单的办法可以帮助大家解决问题,下面廊坊网站制作公司就来具体的介绍下。

1.底层DIV实现嵌套DIV的高度自适应

在网站制作时需要在一个DIV里面嵌入子DIV,子DIV的高度往往会因为内容的增多变大,这时需要外面的DIV随着子DIV的高度变化而变化。在最后一个子层DIV结束之后加上一个宽度与父DIV相同的DIV,高度设为0像素或者根据自己的需要设置一个合适高度的DIV,且该DIV不允许两边有浮动对象,这样我们的网站制作就能实现外部的DIV的高度自动的适应内部的DIV的高度了。

2.设置外层div的overflow:auto;属性

这种方法最简单,大家只需要给外面的DIV设置设置一个overflow:auto;属性,overflow为CSS中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。

如果我们是使用DW来进行网站制作的,直接设置就可以了,具体的方法是:选中外面的DIV ---进入 CSS属性 --- 找到定位---然后设置overflow为auto就可以了。

总结:以上内容可以帮助大家很好的完成设置,并且兼容绝大部分的浏览器。

上一篇:分享简约风格网站设计的相关知识 下一篇:哪些方法可以提高PHP的运行效率

廊坊市新世纪步行街畅想网络技术服务中心历经多年的发展,现拥有一个过硬的技术团队,凭借丰富的网站建设经验赢得了众多用户信任,真正站在客户角度去考虑问题。我们始终坚持新产品的研发,每一款不同的产品有他独特的功能,完全可以帮助大家快速树立起自己的品牌形象。

今后我们的技术人员将继续依靠技术优势、优质的产品去服务用户,同时也会继续开发方便、可靠的产品。坚持不懈,认真思考,独具创新是我们必须坚持的,只有这样才能有更好的发展。(详细介绍

优惠活动
网站底部

廊坊市新世纪步行街畅想网络技术服务中心 TEL:0316-5269510 技术支持:13722605112 E-MAIL:sjfc2008@126.com 冀ICP备11000020号 网站地图  

互联网信任计划       网站安全认证       可信网站