                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /如何用CSS進行網頁布局

margin到底指什么，是相對于誰設置呢？

1、為什么我給middle設置了margin-top后，left和right兩部分也跟著下移了呢？

2、當接著給它們的父容器設置相同的margin-top值后，這三部分并沒有繼續下移，

感謝各位大佬！

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

body{margin: 0;padding: 0;}

.main{width: 900px;margin: 0 auto;position: relative;}

.left{width: 200px;height: 500px;background-color: #f00;position: absolute;left: 0;top: 0;}

.right{width: 200px;height: 500px;background-color: #0f0;position: absolute;right: 0;top: 0;}

.middle{height: 500px;background: #00f;margin:0 200px 0 200px;}

</style>

</head>

<body>

<div class="middle">：Pr，是 Premiere的簡稱，由Adobe公司開發是一款常用的視頻編輯軟件，由Adobe公司推出?，F在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及CC2020版本。Adobe Premiere是一款編輯畫面質量比較好的軟件，有較好的兼容性，且可以與Adobe公司推出的其他軟件相互協作。目：Pr，是 Premiere的簡稱，由Adobe公司開發是一款常用的視頻編輯軟件，由Adobe公司推出?，F在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及CC2020版本。Adobe Premiere是一款編輯畫面質量比較好的軟件，有較好的兼容性，且可以與Adobe公司推出的其他軟件相互協作。目</div>

</div>

</body>

</html>