定位
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>定位</title>
<style type="text/css">
.div1{
width: 100px;
height: 100px;
background: #ffff00;
float: left;
}
.div3{
width: 100px;
height: 100px;
background: rebeccapurple;
float: left;
position: relative;css
}
.div2{
width: 100px;
height: 100px;
background: #000080;
/*position: relative;*/
position: absolute;
top:50px;
left: 50px;
float: left;html
}htm
/*body{*/
/*margin: 0;*/
/*padding: 0;*/
/*}*/
</style>it
</head>
<body>io
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>class
</body>
</html>meta
相關文章
- 1. CSS層定位（相對定位，絕對定位，固定定位）
- 2. CSS層定位——固定定位，相對定位，絕對定位
- 3. CSS定位—— position絕對定位、相對定位、固定定位
- 4. CSS：定位 定位 定位：position
- 5. CSS定位元素--定位
- 6. absoluted定位和relative定位
- 7. css定位的top定位
- 8. CSS中的靜態定位、固定定位、絕對定位和相對定位
- 9. HTML+CSS：css定位詳解之相對定位、絕對定位和固定定位
- 10. CSS中的靜態定位 固定定位 絕對定位和相對定位
- 更多相關文章...
- • XSD 限定 / Facets - XML Schema 教程
- • 自定義TypeHandler - MyBatis教程
- • RxJava操作符（十）自定義操作符
- • 算法總結-二分查找法
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. No provider available from registry 127.0.0.1:2181 for service com.ddbuy.ser 解決方法
- 2. Qt5.7以上調用虛擬鍵盤(支持中文)，以及源碼修改(可拖動，水平縮放)
- 3. 軟件測試面試- 購物車功能測試用例設計
- 4. ElasticSearch（概念篇）：你知道的, 爲了搜索…
- 5. redux理解
- 6. gitee創建第一個項目
- 7. 支持向量機之硬間隔（一步步推導，通俗易懂）
- 8. Mysql 異步複製延遲的原因及解決方案
- 9. 如何在運行SEPM配置嚮導時將不可認的複雜數據庫密碼改爲簡單密碼
- 10. windows系統下tftp服務器使用
歡迎關注本站公眾號,獲取更多信息
