随笔分类 -  CSS

收录自己在工作生活中的一些有用的文章。
摘要:边界叠加是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,当两个垂直边界相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。  当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加,见图: 元素的顶边界与前面元素的底边界发生叠加   当一个元素包含在另一个元素中时(假设没有填充边框将边界分隔开),它们的顶和... 阅读全文
posted @ 2009-08-07 20:02 Jcool 阅读(323) 评论(0) 推荐(0)
摘要:前几天遇到了个问题就是客户上传图时竟上传了一张1000*2000的图片本来我的层宽度定义好了是690px的。可是是层给撑破了后果面想而知,后来在网上找了个比较完美的解决办法。img{max-width:590px;width:e­xpression(this.width>590?"590px":this.width);max-height:590px;height:e­xpr... 阅读全文
posted @ 2009-07-21 17:14 Jcool 阅读(377) 评论(0) 推荐(0)
摘要:其实这个问题经常会碰到:容器需要跟据其内容自适应高度,但在内容不够时又要保持一个最小高度。最初的时候我也曾饱受其困扰,因为IE6不支持min-height的属性,IE6中直接用height就可实现最小高度自适应。而在IE7跟FF中,用了height属性的话就不能自动撑长了。所以就有这么一种解决方法,给IE7跟FF设定min-height以及height:auto,而另外用一个IE6的hack来解决... 阅读全文
posted @ 2009-07-17 11:50 Jcool 阅读(966) 评论(0) 推荐(0)