色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

DIV盒子中的float和margin的最詳細(xì)分析

老白7年前2263瀏覽0評論

對于HTMl中的一些小疑惑,在這里進(jìn)行解析一下。


一、div的理解

 

DIV是基于行,就是一個(gè)div占據(jù)一行,不會讓別的元素,和自己同行。

span不是基于行的,就是一個(gè)span哪里有空哪里專,不會單獨(dú)占用一行。





二、Float理解


Float:Css樣式的float浮動(dòng)屬性,用于設(shè)置標(biāo)簽對象(如:<div>標(biāo)簽盒子、<span>標(biāo)簽、<a>標(biāo)簽、<em>標(biāo)簽等html標(biāo)簽)的浮動(dòng)布局

DIV在float之后就失去了本個(gè)div基于行的性質(zhì)。下一個(gè)元素的東西會移動(dòng)過來。




float:right


關(guān)于兩個(gè)div占據(jù)同一行的解決方法:http://www.tuicool.com/articles/fMneyuz


三、Margin 理解

 

①盒子模型:對于盒子模型的理解:


來一個(gè)明了的圖。



 

 一個(gè)div-c浮動(dòng)之后就不屬于div-a的成員了。

div浮動(dòng)之后的margin的計(jì)算,是按照與自己靠近的元素為基礎(chǔ)的。



②Margin英文解釋:是某個(gè)對象的外延



 

Margin說明

margin是設(shè)置對象外邊距外延邊距離(里面元素到外右的距離)。而不是距離別的某個(gè)元素的距離。

margin的值有三種情況,可以為正整數(shù)和負(fù)整數(shù)并加單位如PX像素(margin-left:20px);可以為auto自動(dòng)屬性(margin-left:auto自動(dòng));可以為百分比(%)值(margin-left:3%)。

Margin延伸(單獨(dú)設(shè)置四邊間距屬性單詞)

margin-left對象左邊外延邊距 (margin-left:5px; 左邊外延距離5px)

margin-right對象右邊外延邊距 (margin-right:5px; 右邊外延距離5px)

margin-top對象上邊外延邊距 (margin-top:5px; 上邊外延距離5px)

margin-bottom對象下邊外延邊距 (margin-bottom:5px; 下邊外延距離5px)

同一個(gè)對象在外延距離遇到別的元素(不一定同一個(gè)元素)的時(shí)候會進(jìn)行移動(dòng),來使我們的外延距離達(dá)到我們的要求。



這里僅僅是自己的幾個(gè)只是疑惑點(diǎn)。如了解具體的可以去查詢相關(guān)的API。