css中元素position定位为absolute时，不会紧挨浏览器边框问题

最新推荐文章于 2023-06-04 14:02:00 发布

qq_40019011

最新推荐文章于 2023-06-04 14:02:00 发布

阅读量957

点赞数

分类专栏：疑惑总结文章标签： css absolute 绝对定位 position body

本文链接：https://blog.csdn.net/qq_40019011/article/details/88933330

版权

疑惑总结专栏收录该内容

1 篇文章 0 订阅

订阅专栏

absolute: 相对于祖先元素中设置了position（除static）外的元素定位，如果所有祖先元素均没有设置，则相对于body进行定位
由于在不同的浏览器中，body自身可能带有margin，所以就算元素设置绝对定位，也不一定就会紧挨窗口边框
事例

	<style type="text/css">
	#mydiv{
		width: 100px;
		height: 100px;
		position: absolute;
		border: 1px solid red;
	}
	</style>
	
	</head>
	<body>
		<div id="mydiv"></div>
	</body>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_40019011

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css中元素position定位为absolute时，不会紧挨浏览器边框问题

absolute: 相对于祖先元素中设置了position（除static）外的元素定位，如果所有祖先元素均没有设置，则相对于body进行定位由于在不同的浏览器中，body自身可能带有margin，所以就算元素设置绝对定位，也不一定就会紧挨窗口边框事例 <style type="text/css"> #mydiv{ width: 100px; height: 100...
复制链接

扫一扫