关于overflow

当一个父元素里有一个子元素,这个子元素的宽度或者高度超过父元素时,会出现子元素溢出的情况,这时候可以通过overflow设置子元素超出部分是隐藏,还是可以显示或者是可以滚动显示。


在给父元素设置了overflow:hidden后,溢出的部分就被隐藏了


overfolw有visible、hidden、scroll、auto等几个值,visible是超出部分可见,hidden是超出部分隐藏,scroll是超出部分可以用滚动条形式查看,无论是水平还是垂直方向都有滚动条,auto是以滚动条方式查看,它是根据你内容在水平、垂直方向上的需要添加滚动条的,如果没有内容,就不添加滚动条,垂直方向有溢出就在垂直方向添加滚动条,水平方向有需要就在水平方向添加滚动条。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • day01­_起源和结构 结构:Xhtml xml 表现:CSS 行为:DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 5,005评论 0 1
  • 前段时间去做了金山的宣讲会的笔试题,其中一道题是说overflow:hidden的作用。后来认真查了些资料才知道o...
    心如止水_1c5b阅读 7,925评论 0 0
  • 第一回 overflow基本属性 overflow基本属性 visibel hidden scroll ...
    seepDown阅读 4,026评论 0 2
  • 可能最常用的就是Hidden了。控制溢出时隐藏。今天碰到了一个问题。导致日期组件不能完全显示。需要用到了visib...
    丶灰太狼他叔阅读 4,969评论 0 0
  • 说来奇怪,我是一个几乎从没看过总裁文的人,但是现在却因为一些客观原因不得不去写总裁文。 总裁文的开头非常重要,写得...
    贝贝贝贝壳阅读 11,298评论 1 1

友情链接更多精彩内容