overflow:hidden属性给div具体格式化

最新推荐文章于 2023-12-28 13:59:34 发布

小小菜鸟2000

最新推荐文章于 2023-12-28 13:59:34 发布

阅读量180

点赞数

分类专栏： web前端基础文章标签： overflow解决margin的bug问题 overflow:hidden属性给div具体格式化

本文链接：https://blog.csdn.net/sunzemin1234/article/details/103196984

版权

web前端基础专栏收录该内容

5 篇文章 0 订阅

订阅专栏

通过overflow的hidden属性解决margin的bug问题
overflow:hidden属性给div具体格式化
代码如下：

<!DOCTYPE html>
<html>
<head>
	<title>overflow</title>
	<meta charset="UTF-8" />
	<style type="text/css">
		.outer{
			height:400px;
			background:#CCC;
			/*解决margin的跟着p标签往下移动需使用overflow的hidden属性*/
			overflow:hidden;
		}
		p{
			/*当p标签往下移动50px的时候，div也会被带动往下移动50px*/
			margin-top:50px;
		}
	</style>
</head>
<body>
	<h1>通过voerflow的hidden属性解决margin的bug</h1>
	<div class="outer">
		<p>这是通过voerflow的hidden属性解决margin的bug，调整p标签div边框跟着移动的bug</p>
	</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小小菜鸟2000

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
overflow:hidden属性给div具体格式化

通过overflow的hidden属性解决margin的bug问题代码如下：<!DOCTYPE html><html><head> <title>overflow</title> <meta charset="UTF-8" /> <style type="text/css"> .outer{ ...
复制链接

扫一扫