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

如题所述

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

例如:

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-10-15
.father{
  width:100%;//这里宽度任意,父元素
}
.son{
  width:150%;//子元素设置宽度只要大于100%就可以了
}

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

追问

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

追答

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

本回答被提问者和网友采纳
第2个回答  2015-01-06
width:200%;
超出也不会被显示 没有实际意义。追问

你的意思是不能超出?

第3个回答  2015-01-06
超出也可以显示,父元素加overflow:visiable;
第4个回答  2015-01-06
在父级添加overflow:hidden追问

不行

相似回答