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

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

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

一.width:auto和width:100%的區別 1.width:100%的作用是占滿它的參考元素的寬度。（一般情況下參考元素 == 父級元素，這里寫成參考元素而不是父級元素，在下面我會再細說） 2.width:auto也是以“占滿參考元素寬度 ...

當你想要做成這種布局效果的時候 紫色框里面的內容那樣 它是一個列表 li元素是塊級元素 默認大小是父元素ul的寬 並且換行 如果li沒有背景的話那就不用管了 可是問題來了它不但有背景 而且是根據文字自適應的寬高 這就是inline-block類型的功能了 那么想讓li ...

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

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

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