做了一个三栏式的网页,如何让他们底端全都对齐呢?

xuli2013 发布于 2013/11/07 16:19
阅读 569
收藏 1

我的网页做好后,三栏内容的底端参差不齐很难看,如何让他们下端在一个高度呢?

加载中
0
zhizhang007
zhizhang007


*{margin:0; padding:0; border:0;}
html,body{height:100%;} 
.content{height:100%;}
content为元素的样式,如果还不行在把html头改成如下:


<!DOCTYPE html>
<html>
0
3_14159265359
3_14159265359

这个怎么对齐,主要是你的内容少,所以丑。中间内容长了自然好看了。

最简单的是把背景设置成白色。不然只好用一个div包含这三个div,然后这个div的高度就是这三个div中最高的那个。如果这个div没有背景色,那和现在看起来是一样的。如果这个div有颜色,那和把背景设成白色是一样的。

0
梅开源
梅开源

三个div嵌套,float,则里面的可以撑开外面的

谷歌3 column float可学到一堆

0
jQer
jQer

.o-h { overflow:hidden;zoom:1; }

.col { float:left; padding-bottom:9999px; margin-bottom:-9999px; }


<div class="o-h">

    <div class="col"></div>

    <div class="col"></div>

    <div class="col"></div>

</div>

0
Jackitshot
Jackitshot

http://runjs.cn/code/sron99aw

可以作为参考

0
唐倩
唐倩
css 用position
0
佰亿互联
佰亿互联

每个版块固定高度

返回顶部
顶部