CSS overflow - 爱码网

CSS overflow

overflow: hidden; 　　如果图片超过样式此存就隐藏
overflow: auto;　　　如果图片超过样式尺寸就出现拖动框

添加图片位置，如果超过尺寸就隐藏

<html>
<!--  添加图片位置，如果超过尺寸就隐藏 -->
<body>
    <div style="
        /* 定义样式长宽 */
        height: 200px;width: 300px;
        /* 如果图片超过样式尺寸就隐藏 */
        overflow: hidden;
        ">
        <!-- 图片位置 -->
        <img src="1.jpg">
</div>
</body>
</html>

添加图片位置，如果超过尺寸就出现拖动框

<html>
<!--  添加图片位置，如果超过尺寸就出现拖动框 -->
<body>
    <div style="
        /* 定义样式长宽 */
        height: 200px;width: 300px;
        /* 如果图片超过样式尺寸就出现拖动框 */
        overflow: auto;
        ">
        <!--图片位置 -->
        <img src="1.jpg">
    </div>
</body>
</html>

注：可以定义图片高度宽度，来与div内大小相同。