CSS属性overflow属性定义溢出元素内容区的内容会如何处理?

html-css024

CSS属性overflow属性定义溢出元素内容区的内容会如何处理?,第1张

朋友,overflow具体如何定义溢出内容,要看你给定的值来具体处理。

overflow:visible,这个就是默认值。内容不会被修剪,会呈现在元素框之外。

overflow:hidden,这个值代表的是内容会被修剪,并且其余内容是不可见的。 

overflow:scroll,这个值代表内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

overflow:auto,这个代表如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

overflow:inherit,这个代表规定应该从父元素继承 overflow 属性的值。

这些值才是overflow处理溢出内容的关键,根据需求设置不同的值即可。

一般是不建议子容器超出父容器的,超出后叫做溢出。是不建议这样的。例如:<pre t="code" l="css">#box{

width:500px

background:#000

height:500px

}

#content {

float:left

width:600px

height:600px

background:red

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