以下是我的理解：
       制作網(wǎng)頁(yè)就像是制作一張海報(bào)，需要內(nèi)容和美工。內(nèi)容由body里的代碼表現(xiàn)，而美工則由css。說(shuō)起美工，我感覺(jué)體現(xiàn)在布局、圖片和顏色（當(dāng)然，交互那一塊兒這次不討論）。而布局是網(wǎng)頁(yè)制作不可回避的一個(gè)話題。對(duì)于布局我思考了很長(zhǎng)時(shí)間，也練習(xí)了很多網(wǎng)頁(yè)。我是這樣理解的，不知道是否正確：
           1.布局的基礎(chǔ)是默認(rèn)的標(biāo)準(zhǔn)流：塊級(jí)元素橫向擴(kuò)充為父級(jí)的長(zhǎng)度，縱向根據(jù)內(nèi)容自適應(yīng)。內(nèi)聯(lián)元素橫向排列。 然后在默認(rèn)流的基礎(chǔ)上，通過(guò)為元素添加margn屬性，可以實(shí)現(xiàn)元素的隔離，居中排列等一些基本的布局。最后可以通過(guò)float屬性實(shí)現(xiàn)元素橫向排列的效果加上position的絕對(duì)定位可以實(shí)現(xiàn)盒子的疊加。而一個(gè)網(wǎng)頁(yè)的整體布局正是這些分散布局知識(shí)的整合。
           2.但說(shuō)起布局，不得不說(shuō)網(wǎng)頁(yè)的標(biāo)記元素，html元素可以分為三類(lèi)：塊級(jí)元素、內(nèi)聯(lián)元素、可置換元素。正是因?yàn)檫@些元素的一些特性，導(dǎo)致網(wǎng)頁(yè)布局成為一件復(fù)雜的事情。先說(shuō)margin，看了很多網(wǎng)頁(yè)教程書(shū)，發(fā)現(xiàn)對(duì)margin的介紹很是淺顯。當(dāng)我查了很多帖子，翻了很多書(shū)，才知道原來(lái)margin并不是那么簡(jiǎn)單。首先，對(duì)于不同元素margin的用法就有所不同。①塊級(jí)元素它的特性完全體現(xiàn)，但內(nèi)聯(lián)元素里只有左右margin有用 ②大家可能都知道外邊距合并問(wèn)題，但父盒子和第一個(gè)子盒子出現(xiàn)的外邊距合并問(wèn)題大家可能會(huì)忽略，盡管有文章說(shuō)這是IE內(nèi)核的haslayout渲染問(wèn)題，但我不太贊成，這個(gè)最后再說(shuō)。  正是因?yàn)閙argin這個(gè)常用屬性對(duì)不同元素類(lèi)別的用法不同，再加上很多新手對(duì)網(wǎng)頁(yè)元素的類(lèi)別搞得不太清，導(dǎo)致布局時(shí)出現(xiàn)很多莫名其妙的問(wèn)題。 說(shuō)起根本，我感覺(jué)還是和一些教程書(shū)有關(guān)，沒(méi)有把網(wǎng)頁(yè)元素的分類(lèi)和布局聯(lián)系起來(lái)。
           3.現(xiàn)在說(shuō)說(shuō)元素類(lèi)別的之間的一些轉(zhuǎn)換特性。塊級(jí)元素通過(guò)設(shè)置浮動(dòng)可以實(shí)現(xiàn)橫向排列，達(dá)到inline-block的效果。內(nèi)聯(lián)元素通過(guò)設(shè)置浮動(dòng)和絕對(duì)定位也可以達(dá)到inline-block的效果。
           4.最后，我感覺(jué)網(wǎng)頁(yè)布局大體可以這樣：整體的wrap可以通過(guò)默認(rèn)流和margin來(lái)實(shí)現(xiàn)   而一個(gè)盒子內(nèi)部的細(xì)致布局需要這些布局知識(shí)的合并。

     最后提出我的一些疑問(wèn)：
            1.為什么不同瀏覽器會(huì)有各自的一些私有屬性，這些標(biāo)記的屬性不是w3c定義的嗎？有人說(shuō)先出現(xiàn)瀏覽器再出現(xiàn)html的，到底這中間是個(gè)什么關(guān)系呢？？求解答？？
            2.w3c里是不是已經(jīng)把html元素種類(lèi)分為了block\inline\block-inline三類(lèi)    而他們之間的轉(zhuǎn)換就是inline通過(guò)絕對(duì)定位和浮動(dòng)可以實(shí)現(xiàn)block 而block通過(guò)display：inline 可以實(shí)現(xiàn)block
            3.在w3cschool里把margin外邊距合并問(wèn)題歸為了垂直外邊距合并和普通的合并兩類(lèi)，而on having layout里吧垂直外邊距合并問(wèn)題歸為IE的haslayout問(wèn)題。我感覺(jué)應(yīng)該不是IE的haslayout問(wèn)題，因?yàn)榛鸷鼮g覽器也會(huì)出現(xiàn)這個(gè)問(wèn)題。到底是怎么回事呢？？？

    自學(xué)網(wǎng)頁(yè)的這一年走了很多彎路，很迷茫，真心希望能在藍(lán)色理想貼吧里遇到點(diǎn)燈之路的人，解答我心中的迷惑，自學(xué)的孩子真的傷不起！
    希望懂網(wǎng)頁(yè)布局的一些高手能給我點(diǎn)這方面的指導(dǎo)，上面只是我個(gè)人的理解，肯定有問(wèn)題，雖然是以描述的方式寫(xiě)的，但目的是為了讓大家更多的發(fā)現(xiàn)我在布局方面理解的問(wèn)題，真心求大師給我下上面一些疑問(wèn)的答案！！！！！真心的謝謝~~~！！！

信息來(lái)自網(wǎng)絡(luò)，由洛陽(yáng)做網(wǎng)站、洛陽(yáng)網(wǎng)站建設(shè)、洛陽(yáng)網(wǎng)絡(luò)公司整理編輯。