overflow的另类用法

作者：ddcatlee 来源：猫沙盆时间：2008-07-02 12:29:00　

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

正好前几天测试闭合浮动元素时发现了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>

标签：overflow,浮动,浏览器

投稿

overflow的另类用法

猜你喜欢

python抓取网页中的图片示例

关于python 读取csv最快的Datatable的用法,你都学会了吗

Django框架中模型的用法

python学习必备知识汇总

分享13个非常有用的Python代码片段

nodejs高版本降为低版本的详细解决方案

监测站点使用多少session和application的asp程序

Python遗传算法Geatpy工具箱使用介绍

javascript中parseInt()函数的定义和用法分析

pandas中.loc和.iloc以及.at和.iat的区别说明

np.newaxis()函数的具体使用

跟老齐学Python之永远强大的函数

Javascript中常见的逻辑题和解决方法

采用XML数据来填充ASP表单

下拉列表两级连动的新方法（二）

Python绘图之柱形图绘制详解

Python numpy生成矩阵基础用法实例代码

asp利用dictionary创建二维数组

python爬虫爬取网页数据并解析数据

Python操作MySQL数据库实例详解【安装、连接、增删改查等】