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

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

WBOY
WBOYoriginal
2016-06-24 12:22:181220parcourir

布局 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了!求代码!对这个不是很了解!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn