CSS3 溢出处理(overflow)用法示例代码

基本信息

源码名称：CSS3 溢出处理(overflow)用法示例代码

源码大小：38.55M

文件格式：.zip

开发语言：CSS

更新时间：2017-07-04

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

源码介绍

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
#cont1 div, #cont3 div, #cont5 div {
    width:300px;
    height:200px;
}
#cont2 div, #cont4 div, #cont6 div {
    width:100px;
    height:50px;
}
.cont {
    float:left;
    margin:4px;
    overflow-y:visible;
    padding:10px;
    width:200px;
    height:100px;
}
.cont, .cont div { border : solid 2px red; }
</style>
</head>

<body>
<div id="cont1" class="cont" style="overflow-x:scroll; ">
    <div>style="overflow-x:scroll; "</div>
</div>
<div id="cont2" class="cont" style="overflow-x:scroll; ">
    <div>style="overflow-x:scroll; "</div>
</div>
<div id="cont3" class="cont" style="overflow-x:auto; ">
    <div>style="overflow-x:auto; "</div>
</div>
<div id="cont4" class="cont" style="overflow-x:auto; ">
    <div>style="overflow-x:auto; "</div>
</div>
<div id="cont5" class="cont" style="overflow-x:hidden; ">
    <div>style="overflow-x:hidden; "</div>
</div>
<div id="cont6" class="cont" style="overflow-x:hidden; ">
    <div>style="overflow-x:hidden; "</div>
</div>
</body>
</html>