實現移動的三種方法
可以用margin
可以用浮動布局
可以用定位
lang="en">
charset="utf-8">
脫離文件流title>
rel="stylesheet"
href="脫離文件流.css"/>
head>
class="reddiv">
div>
class="bluediv">
class="item">
div>
div>
body>
html>
body
.reddiv
.bluediv
.item
定位
浮動行標籤 inline
不能設定寬-高 寬高由內容撐開
可以同行顯示
塊標籤 block
可以設定寬高
不設定寬:預設寬度繼承父級
預設高度:由內容撐開
不能同行顯示 獨佔一行
文件流:標籤在瀏覽器裡面按照特性,從上到下,從坐到右排列的乙個順序
脫離文件流:讓元素在文件流裡面飛起來,不占用原來的空間
charset="utf-8">
定位title>
rel="stylesheet"
href="定位.css/">
head>
class="reddiv">
div>
class="bluediv">
class="greendiv">
div>
class="yellowdiv">
div>
div>
body>
html>
.reddiv,.bluediv
.reddiv
.bluediv
.greendiv
.yellowdiv
.ad
lang="en">
charset="utf-8" />
過渡title>
rel="stylesheet"
href="過渡.css" />
head>
class="reddiv">
div>
body>
html>
.reddiv
.reddiv
:hover
CSS脫離文件流
脫離文件流 也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文件流的元素不存在而進行定位。需要注意的是，使用float脫離文件流時，其他盒子會無視這個元素，但其他盒子內的文字依然會為這個元素讓出位置，環繞在周圍。其他盒子與其他盒子內的文字都會無視它。float 如上圖 div2實...
css的定位與文件流
css的定位機制有3種 color blue 普通流 浮動 float left right none 和定位 position static relative absolute color 普通流中的元素的位置由元素在 x html 中的位置決定。浮動元素不佔任何正常文件流空間，而浮動元素的定位還...
CSS脫離文件流 浮動
什麼是文件流？將窗體從上至下分成一行一行，並在每行中按從左至右依次排放元素，稱為文件流，也稱為普通流。這個應該不難理解，html中全部元素都是盒模型，盒模型占用一定的空間，依次排放在html中，形成了文件流。什麼是脫離文件流？元素脫離文件流之後，將不再在文件流中佔據空間，而是處於浮動狀態 可以理解為...