我們知道每個web頁面都是由一大堆的html元素組成的，我們把每對...這樣的結構稱為box，在web頁面的排版布局中，瀏覽器把這樣的box作為排版的元素，並且把box分為了inline level和block level兩種型別。
當然這個box內是可以容納很多其它的html標籤的，但是不管它的內部有多少的tags，box都被我們看成是乙個排版元素，比如：abc
和abc
就可以被看成是兩個排版元素div和table(當然div和table的內部還可以繼續細分子的box)。
在browser的預設排版策略(沒有任何的css修飾)中，box的inline和block分別指的是：
inline level：元素按從左向右排列，就像我們輸入文字一樣，一行容納不下了自動分行繼續顯示。比如text、、
，其它大多數的標籤都是inline level的；
block level：相對於它的parentelement構成的box來說，它的排版始終會獨自佔一行，就是在block level的元素後必然會新起一行。比如、、、、等30個tags
都屬於block element。
在大多數的情況下，雖然我們完全可以在inline level的元素中巢狀block level的元素，可是這樣會對它們的顯示效果帶來一些混淆和不確定。比如正常情況下是單獨佔一行的，可是我們卻可以使用乙個inline level的元素把包裹起來，這時這個...構成的box排版屬性仍是inline的(e.g.
span&div
)。可是如果我們用把包裹起來，這時這個...構成的box的排版屬性卻成了block的了(e.g.
span&table
)。 其實inline和block直觀的表現就是，比如link1 text1 link2 text2 ...這樣的html在browser裡是可以顯示一行上(preview:link1 text1 link2 text2 ...)，而text1
text2
...是不能顯示在一行上的(preview:
text1
text2
以上是browser對於box的預設的排版策略，而我們可以通過css來改變這些預設的策略。使用css中提供的position(配合top,left)、float和clear三個屬性就可以實現使用者定製web頁中元素的排版布局策略。
Web頁中的HTML元素的排版布局規則
web頁中的html元素的排版布局規則 我們知道每個web頁面都是由一大堆的html元素組成的，我們把每對.這樣的結構稱為box，在web頁面的排版布局中，瀏覽器把這樣的box作為排版的元素，並且把box分為了inline level和block level兩種型別。當然這個box內是可以容納很多其...
使用者定製Web頁中元素的排版布局策略
在 web頁中的html元素的排版布局規則 一文中，我們簡述了browser是以怎樣的策略來排版布局的，但很多時候預設的排版卻不能完全滿足我們的需要，所以我們還需要靠自己來定製web頁中html元素的排版布局策略。我們可以使用這些下css屬性來定製頁面的顯示效果，它們是 clear float cl...
使用者定製Web頁中元素的排版布局策略
使用者定製web頁中元素的排版布局策略 在 web頁中的html元素的排版布局規則 一文中，我們簡述了browser是以怎樣的策略來排版布局的，但很多時候預設的排版卻不能完全滿足我們的需要，所以我們還需要靠自己來定製web頁中html元素的排版布局策略。我們可以使用這些下css屬性來定製頁面的顯示效...