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

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

WBOY
Freigeben: 2016-06-24 12:22:18
Original
1242 Leute haben es durchsucht

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage