首先。你要理解overflow:hidden的意思是什么。这个应该你会理解。
也就是给一个盒子定义了一个显示范围。内部的物体。只有在这个范围内部才会被显示。不然就被隐藏。
其实你这个的问题。是margin的基本问题。margin的top值在没有hidden的时候。是显示到了红色区域的外面去了。算是bug吧。在定义了hidden后。也就是吧显示范围限制了。他就将margin的top值的起始位置算到了红色区域里面。
希望对你有帮助。
另外。你可以尝试一下,如下结构两个div之间的距离是多少。我记得这个也是有问题的。
<div style="margin-bottom:20px">1</div>
<div style="margin-top:20px">2</div>
给这个div设置一个id，然后单独写这个div的样式表。那么这个div下的所有div都继承这个css。如果还不放心，可以使用选择器再定义一次。如下：
#mydiv{<!--mydiv是最外层div的id-->
overflow:hidden;
}
#mydiv div{
overflow:hidden;
}
以上css的效果是，id为mydiv的div的overflow值为hidden，这个div下的（在这个div包围内的）所有div的overflow值也都是hidden。
<div height="490" style="overflow_y:scroll">书写错误<div height="490" style="overflow-y:scroll">
第一：打开dw，新建一个html页面。
第二：为其页面编写一个div，class为pingmu
第三：保存这个文件。
第四：新建一个class样式，为其div编写样式。
第五：控制pingmu的div宽高为100像素，背景为黑色，让其自适应增加滚动条（overflow:auto;）
第六：保存这个样式到跟刚才页面一个路径下。
第七：把编写好的样式引入到页面中。
第八：测试pingmu的div效果。
第九：为其添加一个测试超过这个div大小的div去测试滚动条。class=content。
第十：编写好这个样式，超过原来div50个像素。
第十一：测试超过原来div后自动增加滚动条。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
以上就是关于css属性 overflow:hidden; 的用法全部的内容，包括:css属性 overflow:hidden; 的用法、如何让某个div继承overflow hidden属性／、div 滚动条不出现，overflow属性失效的问题，代码如下等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）