当前位置:首页 >> 网站专题 >> 网络编程 >> 浏览文章

使Div左右两侧等高的方法汇总

作者:admin 日期:2010年11月23日 来源:本站原创 浏览:

使用Div布局可以真正做到内容与样式分离显示,效果更加完美。但Div的特性也存在一些瑕疵,比如使用Div布局时左右两侧不能自动等

高。

用表格法做过网页的朋友都知道,当内容增多的时候,表格可以自动向下伸展,并且左右两列是同步的,所以可以达到左右两列自动等

高的效果。使用div布局时,由于左右div属于两个独立的元素,所以当一侧内容自动延伸时,另一侧不会随之自动延伸。

如果使用div布局,还想让左右两侧自动等高,也不是没有办法,通常的做法有以下几种:

利用背景图,做出左右等高的模拟效果

这种方法不是真正的左右等高,而是在外框元素中添加一张背景图片,当内容增多时,背景会纵向重复,就会形成左右等高的效果。


利用Javascript脚本

Javascript是最好的Html辅助程序,尤其是前端界面的开发,在自动等高方面,也有专业的脚本。

利用表格嵌套

这种方法就是在div中嵌套一个表格,因为表格是可以左右自动等高的,所以当一侧的内容增多时,两侧都会自动等高。

利用内、外补丁padding和margin自动等高

这种方法是利用正的内补丁和负的外补丁相结合的方法,然后隐藏掉溢出的内容。
 

上一篇文章:windows2003+asp配置技巧
下一篇文章:JavaScript图片等比例缩放

点金商务引擎是什么?
      点金商务引擎是由深圳点金信息技术有限公司推出的一款网络营销软件。它搜集了全球2000多个优秀的商贸网站,集中最丰富的商业信息。它将引导企业通过互联网宣传产品,寻找客户,让企业无须丰富的网络知识,轻松实现网络营销。
更多>>

相关导航:建站经验网站SEO优化WEB2.0搜索引擎flash技术网络编程虚拟主机域名网络安全服务器营销知识营销研究营销技巧营销策略营销新闻网站策划
Copyright(C) 2009-2010 石家庄辉煌园商贸有限公司 版权所有
公司网站  咨询热线: 0311-88708888 0311-88709888 0311-88709766 0311-88709840  公司网站
网址:www.huihuangyuan.org 电子邮件:86234885@163.com 监督电话:13700319526
客户网站  在线QQ:543130132 MSN:sjz139@hotmail.com 公司地址:石家庄市裕华区方兴路68号(二机厂北)  客户网站