发文章中，图片把div撑破了的解决办法 css代码
发文章中，图片把div撑破了的解决办法
原来图片自适应宽度一般都是通过Javascript来解决的，但是多少还是比较麻烦。还有一种通过设置外层容器overflow:hidden属性来解决，但是这样会导致图片显示不全的问题。今天看到了一种新的解决办法，通过CSS来解决这个问题。
CSS代码
img{
max-width:500px;
width:expression_r(document.body.clientWidth>500?"500px":"auto");
}
相关文档：
作者：IIduce 来源：css9 时间：2009-12-21 阅读：601 次 原文链接 [收藏]
最近产品中需要加入“一个列表显示样式快速切换”的功能，正好在这篇文章中看到了它的实现方式，感觉很不错。
这篇文章讲述的是如何通过CSS和JQuery来实现� ......
<style type="text/css">
.worksbox{width:114px;height:114px;position:relative;}
.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
.worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
.worksbox a span{display:none; text-al ......
.
Transparent
{
width
: 16px
;
height
: 42px
;
background
: transparent
url(images/transparent.png)
no-repeat
;
}
*
html
.
Transparent
{
&nbs ......
+++ 每搞IT的人都知道B/S系统的DIV+CSS结构，知道它的好。但如果你问，DIV+CSS结构是什么？好在哪里?实际项目应该如何体现或实现？每个人都能和你白伙几句，有些人甚至会滔滔不绝，而往往这些滔滔不绝的人也只是听另一些滔滔不绝的人说的，仅仅是“接收”并“接受”了信息，That is all，就像一张磁盘� ......
TABLE{
BORDER-RIGHT: #888 1px solid;
BORDER-TOP: #888 1px solid;
MARGIN-TOP: 10px;
BORDER-LEFT: #888 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #888 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BORDER-COLLAPSE: collapse;
}
TABLE PRE {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PA ......
