css 布局之:左右及多列等高
来源:互联网 发布:sql语句截取字符串 编辑:程序博客网 时间:2024/04/28 03:02
用css布局时,我们经常会感觉css也有他的缺点,比如:两列、多列时,高度不能统一(尤其是有图片时,美观度会大打折扣),做标题栏时,标题在左,more在右,这样用css实现比较有点困难,尤其是more为图片时,其不能垂居中,这样用css布局很烦恼。 下面我来说一下,左右及多列等的实现方法。
left
left
left
left
left
center
……(20个或更多个)center
right
right
right
CSS 代码:*{margin:0;padding:0;}#wrap{overflow:hidden;width:1000px;margin:0 auto;}#left,#center,#right{margin-bottom:-10000px;padding-bottom:10000px;}#left{float:left;width:250px;background:#00FFFF;}#center{float:left;width:500px;background:#FF0000;}#right{float:right;width:250px;background:#00FF00;} 以上代码是我从网上看到的,其思想是:把内容把box拉到一个足以高的长度,然后,隐藏多的部分,这是其外边的content的height overflow 就显示出了css的优越性。有人又要问了,margin-bottom:-1000px;这是什么意思,平时见到的都是正值,负值如何理解,告诉下面的元素往上推。 但是我在ie5下测试,发现还是不够完美,于是我在content 的属性中加了zoom:1 问题圆满解决。拿出来分享一下,希望遇到此
- css 布局之:左右及多列等高
- CSS布局之-多列等高
- CSS布局奇淫技巧之-多列等高
- CSS布局奇淫技巧之-多列等高
- 多列等高CSS布局
- 两列等高布局 padding+margin的负值 CSS布局奇淫技巧之-多列等高
- CSS之创建等高列布局之二
- CSS之创建等高列布局之三
- css——之三行三列等高布局
- CSS之创建等高列布局之一
- css之等高布局
- 多列等高布局
- 多列等高布局
- 多列等高布局
- CSS 多列等高
- 页面布局 --- 多列等高布局
- 等高列布局
- 等高列布局
- QQ2010 魔法表情如何下载? swf文件
- 为什么要用C++之:命名空间
- C#中文编程
- 对百度的手写输入感兴性,想了一下,大家帮忙再改正(优化)下,谢谢
- Why C++: 源文件与头文件有什么区别
- css 布局之:左右及多列等高
- Red5源码研究二-RTMP规范(传输层Chunk Stream Protocol)
- 相对路径 与 绝对路径之间的转换
- Red5源码研究二-RTMP规范(握手)
- Red5源码研究二-RTMP规范(协议栈)
- 程序代码缩进使用空格与制表符,哪个好?
- 利用struts1进行多文件的上传
- (转)Windows下Linux开发环境设置(二)--安装Cygwin及交叉编译工具链
- 路由器要怎么设置才能从外网远程登陆