HTML+CSS基础课程 12-6 层模型--绝对定位中

:试一试:设置div标签相对于浏览器,(相对于以前位置右上角)向左移动100象素,向下移动20象素。正确代码是:div{     width:200px;     height:200px; border:2px red solid; position:absolute;     right:100px;     top:20px;      }怎么理解的:不是left吗,怎么用right

<!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;

position:absolute;

        right:100px;

        top:20px;

    

}

</style>

</head>

<body>

<div id="div1"></div>

</body>

</html>


benbenniao
浏览 1286回答 1
1回答

慕郎_莲华

发布代码记得选择代码语言哦~方便阅读~~关于定位:四个方向 left top right bottom; 当只设置right 的时候 left 就是auto的,元素就会根据right 定位了
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5