已知<div></div>標籤在html中起到劃分區域塊的做用,因而便有了如下的想法。html
div標籤在劃分區域快的時候是依據height和width屬性來創建大小屬性。讓咱們在html文件的左上方創建一個二維座標系xy0,則x與y的值即是相對於html文件開頭的絕對座標。當咱們創建第一塊div區域block00時,倘若margin屬性爲0,則其起始座標即是咱們xy0座標系的(0,0)點。以此第二塊div區域block01,應用display:inline或者float屬性後,其起始座標即是(0+block00.x+block00.allborder,0)。由此衍生出了相對座標系xy1,其對xy0的座標爲(0+block00.x+block00.allborder,0)。從而咱們在設計的時候就能夠在嵌套的時候把當前的塊轉行成絕對座標,從而在腦海中有一個平面上的認知而不會出現塊跑到未知區域的情景。設計
以上在設計一個html時須要不小的運算,那麼有沒有更簡即可行的方法呢?
htm