码迷,mamicode.com
首页 > Web开发 > 详细

css-overflow

时间:2017-09-26 16:00:41      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:idt   内容   lang   部分   bsp   head   overflow   har   class   

一:属性定义

  overflow属性指定如果内容溢出一个元素的框,会发生什么 

二:属性值

描述
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。

三: overflow超过范围怎么处理    

    1)如果商品图片特别大,超过定义长和宽,会被DIV撑开了。如果解决了?
        解决:使用overflow,但是显示部分
    2)如何把商品图片全部显示?
        解决:可以给img设定长和宽

四:示例

  

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div style="width: 400px;height: 400px;overflow: scroll">
        <img src="img/3.jpg" style="width: 400px;height: 400px">
    </div>
</body>
</html>

 

css-overflow

标签:idt   内容   lang   部分   bsp   head   overflow   har   class   

原文地址:http://www.cnblogs.com/lixiang1013/p/7596772.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!