CSS 指定溢出方向 应该如何设置?

来源:百度知道 编辑:UC知道 时间:2024/09/23 07:21:18
如何设置DIV的溢出方向呢?
比如让DIV的溢出,不总是往下往右,也设置向左上,并不影响其他DIV。
如写出正确例子,加分20:)
举例:
上面一个DIV,下面一个DIV。
下面的DIV溢出后(内容超出本身DIV大小),溢出部分出现在上面的DIV范围内。

如果CSS设置块的溢出方向,在不设置的情况下,都是右边溢出,或者下边溢出.
设定溢出方向可以用float,position:absolute这类脱离文档流的方式。
float:left,float:right, postion:absolute后设置left/top/bottom/right,的一项为0;

我认为应该这样,你可以试试,如果下面的DIV想向上溢出,你定位的时候用下面的边来定位(margin不好使,用绝对和相对定位,父块写上相对定位,子块写绝对定位,这样子块就可以再父块里用下边界定位了),这个时候可以溢出会向上吧?

<div style="width:300px; height:200px; border:1px solid red; position:relative; padding:3px;">
<div style="width:300px; height:100px; border:1px solid green;">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
<div style="position:absolute; bottom:0px; height:100px; overflow:visible; width:300px;border:1px solid blue;">21321312 1287312 123 213 7912 3123192731237217 3123 721 3123 7219837 21321312 1287312 123 213 7912 3123192731237217 3123 721 3123 7219837 21321312 1287312 123 213 7912 3123192731237217 3123 721 3123 7219837</div>
</div>

下面蓝色边界的DIV里的数字覆盖了绿色边界的DIV,是向上溢出的

直接让他隐藏溢出部分就好了

0分……