Question

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

Answer 1

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

例如：

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

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

Answer 2

.father{
  width:100%;//这里宽度任意，父元素
}
.son{
  width:150%;//子元素设置宽度只要大于100%就可以了
}

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

追问

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

追答

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

Answer 3

width:200%;
超出也不会被显示 没有实际意义。

追问

你的意思是不能超出？

Answer 4

超出也可以显示，父元素加overflow:visiable;

Answer 5

在父级添加overflow:hidden

追问

不行