css总结11：css的overflow问题

最新推荐文章于 2021-09-08 20:37:50 发布

anjiye7641

最新推荐文章于 2021-09-08 20:37:50 发布

阅读量122

点赞数

原文链接：http://www.cnblogs.com/autoXingJY/p/8606038.html

版权

1 排版时经常遇到块级元素内容overflow，怎么妥当处理是一个关键。

overflow的常用属性：

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>overflow</title>

    <style type="text/css">
        .ada{
            width: 300px;
            height: 400px;
            /*1 超出的可见*/
            /*overflow: visible;*/
            /*2 超出的段落隐藏*/
            /*overflow: hidden;*/
            /*3 超出的段落进行滚动*/
            overflow: scroll;
        }
    </style>
</head>
<body>
     <!--css初始化兼容问题-->
        <div class="ada"><img src="img/1.jpg">
            <p>lalallaal</p>
            <p>lalallaal</p>
            <p>lalallaal</p>
            <p>lalallaal</p>
            <p>lalallaal</p>   
            <p>lalallaal</p>
            <p>lalallaal</p>
            <p>lalallaal</p>
            <p>lalallaal</p>
            <p>lalallaal</p>
        </div>

</body>
</html>


3 overflow：scroll

转载于:https://www.cnblogs.com/autoXingJY/p/8606038.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

anjiye7641

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css总结11：css的overflow问题

1 排版时经常遇到块级元素内容overflow，怎么妥当处理是一个关键。overflow的常用属性：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>overflow</title> ...
复制链接

扫一扫