您好,欢迎来到微智科技网。
搜索
您的当前位置:首页html5父容器变小子容器不溢出

html5父容器变小子容器不溢出

来源:微智科技网

现有右父容器和子容器
父容器原来400 400
子容器300
300
现在父容器宽度变200*200 ,子容器的内容溢出了解决办法

 overflow: hidden;

子容器的内容过多了。想在固定的300*300 中显示出来。
不溢出,如果内容过多出现滚动条

 overflow:scroll; 

整体代码

.nml_show {
  width: 360px;

  height: 308px;
  /* width :33.33%;
  max-width: 360px; 
  max-height: 308px; */
  z-index: 1px;
  background: violet;
  position: absolute;
  top: 120px;
  overflow: hidden;
  /* overflow:scroll; */
  left: 32px;
  transition: width 800ms, height 800ms;
}

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- 7swz.com 版权所有 赣ICP备2024042798号-8

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务