显示标签为“CSS”的博文。显示所有博文
显示标签为“CSS”的博文。显示所有博文

2011年8月3日

CSS技巧二:真正的DIV高度height自适应

参考:兼容性良好的DIV自动高度解决方法
http://blog.missui.com/archives/%E5%85%BC%E5%AE%B9%E6%80%A7%E8%89%AF%E5%A5%BD%E7%9A%84div%E8%87%AA%E5%8A%A8%E9%AB%98%E5%BA%A6%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95.html
重要提示:IE6 和IE7中,包含子容器的父容器高度自适应,有个BUG,比如说在这个例子里面,如果没用使用相关的技巧,那么就会把最后个子容器的margin-bottom:10px给忽略了。
所以这两个是个比较完美的方案。
方案一,父容器的最后放一个clear:both的子容器。
方案二,父容器的overflow和height的自动高度“auto”。

2010年5月18日

图片垂直居中的使用技巧

图片垂直居中的使用技巧

2008-5-26 下午 - HTML/CSS/XML/XSL - CSS - 垂直居中 

在曾经的 淘宝UED 招聘 中有这样一道题目:

    “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”