首页 >> 网页设计 >> CSS/HTML专区 >> overflow的另类用法

overflow的另类用法

作者:ddcatlee 来源:猫沙盆时间:2008-7-2 网友评论条【大中小】

左右布局，图片的宽度不固定。

正好前几天测试闭合浮动元素时发现了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> [提示：你可先修改部分代码，再按运行]

【加入收藏】【报告错误】【投递文章】【复制地址】【返回顶部↑】

本文地址：http://www.aspxhome.com/design/css/20087/42432.htm

站长工具

请稍等，评论加载中...

热门点击排行今日点击排行本周点击排行本月点击排行最新访问排行热门评论排行

首页 - 关于站点 - 联系站长 - 免责声明 - 版权隐私 - 网站地图 - 友情链接 - 广告服务 - Top

闽ICP备06017341号

overflow的另类用法

Aspxhome.com. 中国Asp之家. 版权所有