代碼寫完,沒有得到想要的效果
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>absolute樣式</title>
<style type="text/css">
div{
? ? width:200px;
? ? height:200px;
border:2px red solid;
float:right;
position:absolute;
? ? right:200px
top:20px;
? ? }
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>
2019-01-21
border:2px red solid;? 應該是:border:2px solid red?; 規范
right:200px? ?top:20px;? 中間少了分號所以沒生效
2019-01-21
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>absolute樣式</title>
<style type="text/css">
div{
? ? width:200px;
? ? height:200px;
? ?border:2px red solid;
? ?float:right;
? ?position:absolute;
? ?right:200px;
? top:20px;
? ? }
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>