05_02.IE6双边距bug

最新推荐文章于 2024-07-10 09:28:00 发布

大史叔叔

最新推荐文章于 2024-07-10 09:28:00 发布

阅读量457

点赞数

分类专栏： XHTML+CSS

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/cigarangle/article/details/38326117

版权

XHTML+CSS 专栏收录该内容

42 篇文章

订阅专栏

<!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" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
		body{margin: 0;}
		
		.wrap{float: left;border: 10px solid red;background: yellow;}
		/*
		bug：当子块级元素有浮动且有横向margin值时，子块级元素在浮动方向的margin值，扩大两倍。
		解决方法：如下注释部分↓↓

		 */
		.box{float: left;width: 100px;background: blue; height: 100px;border: 5px solid black;margin: 0 100px;/*displayinline;*/}
	</style>
</head>
<body>
<div class="wrap">
	<div class="box"></div>
</div>
<div class="test"></div>
</body>
</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。