div+css 子容器怎么超出父容器

Posted 2023-05-16

一般是不建议子容器超出父容器的，超出后叫做溢出。是不建议这样的。

例如：

#box 
          width:500px; 
          background:#000; 
          height:500px;
  
#content  
          float:left; 
          width:600px; 
          height:600px; 
          background:red;
 

给box这个div加了一个overflow:hidden这个属性解决了溢出这个问题

参考技术A .father
  width:100%;//这里宽度任意，父元素

.son
  width:150%;//子元素设置宽度只要大于100%就可以了

这里要注意父元素不能设置overflow:hidden;属性，否则超出部分会隐藏的。

追问

还是不行，只是左边超出了

追答

margin-left:-3px;
那只能用margin负值来写了，要不你就把子元素单独写在外面。

本回答被提问者和网友采纳 参考技术B width:200%;
超出也不会被显示 没有实际意义。追问

你的意思是不能超出？

参考技术C 超出也可以显示，父元素加overflow:visiable; 参考技术D 在父级添加overflow:hidden追问

不行

请问在一个固定div大小里面，图片右移动，超出div容器的图片给隐藏，怎么设定？

如图，让图片移动，溢出的图片被隐藏，怎么设置？

 overflow: hidden;