css2.1--笔记4（fix失效+总结）

最新推荐文章于 2024-06-27 14:17:33 发布

ABU_MOlI_ITUI

最新推荐文章于 2024-06-27 14:17:33 发布

阅读量263

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/ABU_MOlI_ITUI/article/details/107908341

版权

这篇博客介绍了如何解决CSS在IE6下fixed定位失效的问题，强调了需要确保body、HTML的高度统一以及overflow属性的设置。此外，还推荐了前端兼容性自查工具Can I Use，并总结了CSS定位、百分比参照、浮动布局、负边距应用及固定定位的使用技巧，特别是针对三列布局和等高布局的实现策略。

摘要由CSDN通过智能技术生成

解决ie6底下fixed失效问题：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>fixed</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#test{
				position: fixed;
				width: 100px;
				height: 100px;
				left: 50px;
				top:50px;
				background-color: #6495ED;
			}
		</style>
	</head>
	<body style="height: 1000px;">
		<div id="test">
			
		</div>
	</body>
</html>