上一篇
下一篇
float: left和overflow:hidden
作者:ajie1017 日期:2009-11-25
修改东西网站bug的时候发现一个问题，如果div加float: left那后面的div如果加overflow:hidden就会自动左浮动。如果去掉就正常，如果这个问题我应该早就知道，可是昨天才知道，汗汗~~
程序代码
程序代码<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.div1{ border:solid 1px #09F; height: 100px; width: 200px; float: left; }
.div2{ border:solid 1px #f00; height: 100px; width: 300px; overflow:hidden;}
.div11{ border:solid 1px #09F; height: 100px; width: 200px; float: left; }
.div22{ border:solid 1px #f00; height: 100px; width: 300px;}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div11"></div>
<div class="div22"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.div1{ border:solid 1px #09F; height: 100px; width: 200px; float: left; }
.div2{ border:solid 1px #f00; height: 100px; width: 300px; overflow:hidden;}
.div11{ border:solid 1px #09F; height: 100px; width: 200px; float: left; }
.div22{ border:solid 1px #f00; height: 100px; width: 300px;}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div11"></div>
<div class="div22"></div>
</body>
</html>
文章来自: 
引用通告: 
Tags: 评论: 0 | 引用: 0 | 查看次数: 333
发表评论
