猫沙盆

挖挖看，也许有宝贝

用户操作
[即时聊天] [发私信] [加为好友]
豆猫ID：ddcatlee
共38199次访问，排名3148(1)，好友36人，关注者56人。
资深杂役
ddcatlee的文章
原创 51 篇
翻译 1 篇
转载 25 篇
评论 36 篇
最近评论
nmji489：好东东，看看
ddcatlee：strong不是为了实现加粗，而是表示 强调，以提升导航文字的权重。
同时，也是为了实现滑动门效果增加的包含元素。
smalltaro：请问一下，导航文字为什么strong标记来实现加粗而不使用css来实现？
loveface：是啊。我专门试了一下。也1 1em 100% 都一样
loveface：Eric Meyers提到Unitless line-heights，要避免在 line-height 上設定单位。CSS的一个BUG。我在IE7下面感觉line-height:1;和line-height:1em;似乎并不完全相等。不知道你试过没有。

http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-……
文章分类
收藏
相册
web图纸
神奇的地球
代码
4CSS
酷站秀
设计
配色手册
素材站
豆猫的收藏夹
友情链
豆豆猫的窝
存档
软件项目交易
订阅我的博客
XML聚合  FeedSky
订阅到鲜果
订阅到Google
订阅到抓虾
订阅到BlogLines
订阅到Yahoo
订阅到GouGou
订阅到飞鸽
订阅到Rojo
订阅到newsgator
订阅到netvibes

原创 overflow的另类用法收藏

新一篇: (X)HTML的文档结构 | 旧一篇: 发现与解决问题

有人问这个问题：

http://www.ddcat.net/bbs2007/attachment.php?id=366&u=5&extension=png&attach=1208326633_0.png&filename=1.png&attachpath=5

左右布局，图片的宽度不固定。
正好前几天测试闭合浮动元素时发现了overflow的特殊现象，倒是正好可以用在这里。

测试通过：ie6/7 ff2.0 opera9.2 safari 3.0
不过这只是个原形，没有更严密地测试过。
我推测由于需要overflow:auto，因此浏览器会计算元素的实际宽度和高度，所以会有此现象。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.photo  {
float:left;
}
p {
zoom:1;
overflow:auto;
}
</style>
</head>

<body>
<div id="box">
  <div class="photo"><img src="img/bg1.png" alt="img" /></div>
  <p> 文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
</div>
</body>
</html> 
 

发表于 @ 2008年04月16日 15:48:00|评论(loading...)|编辑

新一篇: (X)HTML的文档结构 | 旧一篇: 发现与解决问题

评论：没有评论。
发表评论  


当前用户设置只有注册用户才能发表评论。如果你没有登录，请点击登录
Csdn Blog version 3.1a
Copyright © 豆猫