内容超出DIV宽高后隐藏或出现滚动条和overflow的属性

版权声明：https://blog.csdn.net/lovexiuwei https://blog.csdn.net/lovexiuwei/article/details/82667556

• div{overflow:hidden}

  • 这样设置后，假如DIV对象设置一定宽度高度，此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。
  •  

• overflow 一共有5个属性

  • 1、overflow: auto ;   //内容会被修剪，超出设置的宽高后会出现滚动条
  • 2、overflow: scroll ;  //内容会被修剪，不管内容是否超出，都会出现滚动条的位置
  • 3、overflow: visible ;  //这个是默认值，内容不会被修剪，会出现在元素框外面。
  • 4、overflow: hidden ;  //内容被修剪，多余的内容被隐藏
  • 5、overflow: inherit ;   //从父元素那里继承overflow的值。
  •  

• 怎么只显示横向的滚动条？

  • 可以设置：overflow-x:scroll,或者：overflow-y:hidden 即可实现这个效果。
  • 同理如果 :  overflow-y:scroll或者：overflow-x:hidden 是只显示竖的滚动条，不显示横向
  • overflow:scroll  如果你想让滚动条自始至终都存在，而不仅仅是内容超出后才出现，