在了解CSS中的浮動和定位之前有必要先了解清楚標准流和脫離標准流的特性 標准流的默認特性 1、分行、塊級元素，並且能夠dispay轉換。 2、塊級元素（block）：默認獨占一行，不能並列顯示，能夠設置寬、高，寬度為父盒子的100%。例如：div、p、標題元素（h1-h6）、列表元素 ...

浮動 float屬性可以設置的值為none,left,right.對於設置了浮動的元素，會向其父元素的左側或右側緊靠，默認情況下，盒子的寬度不再伸展，而是根據盒子里面的內容來確定。浮動可以讓一個元素移到它所在行的某一邊，使得其他內容沿着該元素的邊緣向下流。 浮動的盒子會脫離文檔流 ...

1.css float CSS float 屬性定義元素在哪個方向浮動，浮動元素會生成一個塊級框，直到該塊級框的外邊緣碰到包含框或者其他的浮動框為止。 1）元素怎樣浮動 元素的水平方向浮動，意味着元素只能左右移動而不能上下移動。 一個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含 ...

　　怎么說呢，從接觸前端起，到現在已經有三個月了，這么長時間的學習呢，我的水平依然一般，前幾天參加了IFE2017，下面總結一下對CSS中浮動、定位、分列布局、父容器塌陷問題的一些心得。 　　首先，浮動和定位是CSS中布局的基礎，通過浮動和定位，可以實現對每一個盒模型精確到像素級別的控制 ...

先來說一下CSS中的浮動 一、浮動 1、標准流中的塊級盒子，寬度將自動伸展為100%，而浮動的塊級盒子，寬度不會自動伸展，而是由內容撐開 2、當一個盒子浮動，標准流中未浮動的其他盒子，將視浮動盒子不存在而占據浮動盒子原來的位置。（浮動盒子，會蓋在這個盒子的上方） 但是，未浮動盒子中 ...

二、定位（position） 　　初始狀態 　　1、相對浮動特點（relative）： ...

　　今天下班在地鐵上看了一個樣式教學視頻，因為最近在學習前端。以前剛畢業的時候，感覺后台才是王道，但最近發現，前端也很重要，比如：自己接一些私單做的時候，自己要根據需求做好界面，才能更加符合客戶需求， ...

1. 盒子的浮動 　　在標准流中，一個塊級元素在水平方向會自動伸展，知道包含它的元素的邊接；而在豎直方向與相鄰元素依次排列，不能並排。 　　CSS中float屬性，默認為none。將float屬性的值設置為left或right，元素就會向其父元素的左側或右側靠緊。同時默認情況下，盒子的寬度 ...