div
Posted jiadan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*.c1{*/
/*height: 100px ;*/
/*width:100px;*/
/*border:1px red solid;*/
/*text-align:center;*/
/*line-height:100px*/
/*}*/
/*.c2:hover{*/
/**/
/*}*/
#id1{
width: 20px;height: 20px;border: solid red 1px;
background-image: url(‘http://ui.imdsx.cn/static/image/icon.png‘);
background-repeat: no-repeat;background-position: 0 0
}
</style>
</head>
<body style="margin:0 auto">
<!--<div style=" height: 100px ; width: 100px;"></div>-->
<!--<div style="height: 100px ;width:100px;border:1px red solid font-w">1</div>-->
<!--<div style="height: 100px ;width:100px;border:1px red solid;text-align:center;line-height:100px ">双鱼座</div>-->
<!--<div class="c1">人生</dev>-->
<!--<div style="height:48px ;width:100px; float:left" ></div>-->
<!--<div style="height:48px ;width:100px; float:right" ></div>-->
<!--把块级标签变为了行内标签 行内标签不可以应用长 宽 高以及外边距 内边距-->
<!--<div style="height:100px;width:100px; display: inline-block">1</div>-->
<!--<span style="height:100px;width:100px; display: inline-block">1</span>-->
<!--<span style="height:100px;width:100px; ">1</span>-->
<!--<div style="width:100%;height:100px;border:1px red solid; ">-->
<!--<div style="width:100%;height:40px;margin-top: 10px">-->
<!--</div>-->
<!--</div>-->
<!--<div style="width:100%;height:100px;; ">-->
<!--<div style="width:100%;height:40px;padding-top: 20px">-->
<!--<input type="button" value="提交" style="cursor: pointer" ;>-->
<!--<div class="c2" style="border:1px red solid;">12321</div>-->
<!--<div style="width:100%;height:48px;position: fixed;top:0;right: 0;left: 0;"></div>-->
<!--<div style="height:10000px;width:100%;border:1px red solid;margin-top: 48px">1231312</div>-->
<!--<div style="height:200px;width:200px;border:1px blue solid;position: relative">-->
<!--<!–<div style="height:20px;width:20px;position:absolute;bottom: 0;right: 0 "></div>–>-->
<!--<!–<div style="height:20px;width:20px;position:absolute;bottom: 0;left: 0"></div>–>-->
<!--<!–<div style="height:20px;width:20px;position:absolute;top: 0;right: 0"></div>–>-->
<!--<!–<div style="height:20px;width:20px;position:absolute;top: 0;left: 0"></div>–>-->
<!--<div style="height:20px;width:20px;position:absolute;z-index: 999"></div>-->
<!--<div style="height:20px;width:20px;position:absolute;z-index: 888"></div>-->
<!--<div style="height:20px;width:20px;position:absolute;z-index: 777"></div>-->
<!--<div style="height:20px;width:20px;position:absolute;z-index: 666"></div>-->
<!--</div>-->
<!--超过DIV范围就隐藏-->
<!--<div tyle="height:800px;width:800px;border:1px red solid;overflow:hidden">-->
<!--<img src="http://ui.imdsx.cn/static/image/dsx.jpg">-->
<!--</div>-->
<!--<div tyle="height:800px;width:800px;border:1px red solid;overflow:scroll">-->
<!--<img src="http://ui.imdsx.cn/static/image/dsx.jpg">-->
<!--</div>-->
<!--<div tyle="height:800px;width:800px;border:1px red solid;overflow:auto">-->
<!--<img src="http://ui.imdsx.cn/static/image/dsx.jpg">-->
<!--</div>-->
<!--<div style="height:500px;width:500px;border:1px red solid;background-image:url(‘http://ui.imdsx.cn/static/image/dsx_Small.jpg‘);background-repeat:repeat-x"></div>-->
<!--<div style="height:500px;width:500px;border:1px red solid;background-image:url(‘http://ui.imdsx.cn/static/image/dsx_Small.jpg‘);"></div>-->
<!--<div style="border: solid 1px red;height: 500px;width: 500px;background-image: url(‘http://ui.imdsx.cn/static/image/dsx_Small.jpg‘);-->
<!--background-repeat: repeat-y">-->
<!--<div style="height:500px;width:500px;border:1px red solid;background-image:url(‘http://ui.imdsx.cn/static/image/icon.png‘);"></div>-->
<div id="id1"></div>
</body>
</html>
以上是关于div的主要内容，如果未能解决你的问题，请参考以下文章