今天遇到乙個問題 就是上下兩個層之間有空白間隙(層內放的是)
解決方法 找到上面的div中的**所在位置,為其設定屬性style="display:block",問題解決。
或者img下邊有div(中有)設定img(div上面的object)其設定屬性style="display:block",問題ok。
display:block 意思是:讓物件成為塊級元素(比如a,span等)。
一般的塊級元素諸如段落、標題...、列
表、**、表單、div和body等元素。而內聯元素
則如: 表單元素、超級鏈結、影象
、........
塊級無素的顯著特點是:每個塊級元素都是從乙個新行開始顯示,而且其後的無素也需另起一行進行顯示。
《css權威指南》中文字顯示:任何不是塊級元素的可見元素都是內聯元素。其表現的特性是「
行布局」形式,這裡的「行布局」的意思就是說其表現形式始終以行進行顯示。比如,我們設定乙個內聯元素border-bottom:1px solid
#000;時其表現是以每行進行重複,每一行下方都會有一條黑色的細線。如果是塊級元素那麼所顯示的的黑線只會在塊的下方出現。
舉例:以下這段**分別為內聯元素img與塊級元素div,僅展示其差別:
以下為上述**的效果:
關於Div的寬度與高度的100 設定
正像你所知道的那樣,設定div大小的有兩個屬性width和height,以前在學習div每次給div設定100 寬度或高度時都很迷惑,不明確這個100 的寬度 高度 到底有多寬有多高?這個100 是從 得到的從 繼承的?今天我們的話題就是有關div高度100 的問題!其實,要弄懂div寬度 widt...
關於Div的寬度與高度的100 設定
正像你所知道的那樣,設定div大小的有兩個屬性width和height,以前在學習div每次給div設定100 寬度或高度時都很迷惑,不明確這個100 的寬度 高度 到底有多寬有多高?這個100 是從 得到的從 繼承的?今天我們的話題就是有關div高度100 的問題!其實,要弄懂div寬度 widt...
關於Div的寬度與高度的100 設定
正像你所知道的那樣,設定div大小的有兩個屬性width和height,以前在學習div每次給div設定100 寬度或高度時都很迷惑,不明確這個100 的寬度 高度 到底有多寬有多高?這個100 是從 得到的從 繼承的?今天我們的話題就是有關div高度100 的問題!其實,要弄懂div寬度 widt...