在线等大神!HTML中页面布局问题,如何让两个层低端对齐!_html/css_WEB-ITnose
程序员文章站
2022-05-01 22:45:38
...
布局 CSS HTML 小弟不才,对html和css不是很了解,现在做个页面遇到如下问题,希望高手能帮我解决一下!
[size=16px]在一个页面中我用层布局,先用一个层1(height设为auto)包含2、3。在分别在层2、3(这两个层是并排的FLOAT:LEFT)中输入内容。现在遇到的问题就是层2中是个列表内容相对少,我把层2的height设为auto;层3的内容多主要是页面说明性文字,height设为auto。如何调整使两个层能保证顶端对齐的同时对齐到低端。并且层3的内容会变化,有时多,有时少,用固定的高度不是很方便。
请高手告诉我解决的方法,谢谢!!!size]
[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了!求代码!对这个不是很了解!