首页 > web前端 > html教程 > 在线等大神!HTML中页面布局问题,如何让两个层低端对齐!_html/css_WEB-ITnose

在线等大神!HTML中页面布局问题,如何让两个层低端对齐!_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:22:18
原创
1245 人浏览过

布局 CSS HTML

小弟不才,对html和css不是很了解,现在做个页面遇到如下问题,希望高手能帮我解决一下!
[size=16px]在一个页面中我用层布局,先用一个层1(height设为auto)包含2、3。在分别在层2、3(这两个层是并排的FLOAT:LEFT)中输入内容。现在遇到的问题就是层2中是个列表内容相对少,我把层2的height设为auto;层3的内容多主要是页面说明性文字,height设为auto。如何调整使两个层能保证顶端对齐的同时对齐到低端。并且层3的内容会变化,有时多,有时少,用固定的高度不是很方便。
请高手告诉我解决的方法,谢谢!!!size]

回复讨论(解决方案)

怎么没人回复呢??

给2、3这两个层添加以下css:    {padding-bottom:10000px;margin-bottom:-10000px;}

谢谢楼上,不过我觉得这样还是需要根据不同的文章长度调整层的大小,不能自动对齐!还是谢谢你了!

用js,放在页末,
function fitHeight(){
div2.style.height=div3.style.height;
}
fitHeight();
这样每次装载页面的时候就会重新对齐两个div

谢谢楼上,不过我觉得这样还是需要根据不同的文章长度调整层的大小,不能自动对齐!还是谢谢你了! 文章也不至于这么高吧??你觉得10000px不够,写10Wpx总可以了。文章不至于那么高吧。这个不行,那就只能用JS了,比较两个层的高度,把较大高度赋值给高度较小的div

哦,谢谢了,看样就得用JS了!求代码!对这个不是很了解!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板