HTML之絕對定位Absolute
阿新 • • 發佈:2019-01-02
HTML之絕對定位
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title >
</head>
<body>
<div style="width:500px;
height:250px;
border:1px solid Orange;
position:relative;
font-family:微軟雅黑;
">韜睿科技研發部8部<p/><span style="font-family:楷體;">韜睿科技成立於2010年</span>
<div style="width:0px;
height:0px;
border-left:22px solid Transparent;
border-right:22px solid #DCDCDC;
border-top:22px solid #DCDCDC;
border-bottom:22px solid Transparent;
position:Absolute;
top:0px;
right:0px;
" >
</div><!--最外面的div是相對定位,其餘子div是絕對定位-->
<div style="width:0px;
heigth:0px;
border:0px solid red;
position:Absolute;
top:6px;
right:18px;
color:#000000;
" >1
</div>
</div>
</body>
</html>
效果圖: