由一行行內框形成的水平框成為行框
1.行內框的寬度 = 行內框內容撐開的width + padding + margin
2.行內框的高度 = 行內框內容撐開的height
3.行框的寬度 = σ行內框的寬度
4.行框的高度 = 行內框的高度
除特別指定外，屬性是包括css中的引數
以上公式說明：直接對行內元素設定width，height，top/bottom-padding/border/margin是不會對實際布局產生影響的。
為什麼說是布局呢？因為實際上top/bottom-padding/border/margin是存在的（width和height是不存在的），而且會造成實際的視覺效果
**如下
jjjjjjjjjjjj
kkkkkkkkk
llllllll
說明：padding，border，margin是存在的，只是他們與飄到了文件流的上方
文件中後面的行內元素會遮擋 前面的行內元素，以及能夠遮擋到的所有塊級元素（文件流）
設定行內元素的寬高：
方法一：display：inline-block
方法二：高：line-height
寬：padding，border，margin
塊級元素與行內元素特點
塊級元素 1 塊級元素會獨佔一行，其寬度自動填滿其父元素寬度 2 塊級元素可以設定 width,height屬性。注意 塊級元素即使設定了寬度，仍然是獨佔一行的 3 塊級元素可以設定margin 和 padding。行級元素 1 行內元素不會獨佔一行，相鄰的行內元素會排列在同一行裡，知道一行排不下，...
HTML 行內元素 塊級元素 行內塊元素的特點
html標籤按照元素種類可以分為行內元素 display inline 塊級元素 display block 和行內塊級元素 display inline block 三種。了解元素種類有利於，我們進行css布局及屬性的使用。相鄰元素可以在一行顯示直到一行排不下才進行換行。不可設定寬高 對齊等屬性，...
行內元素和塊元素以及行內塊元素的特點
初學html，接觸很多標籤 等，當寫出簡單的小頁面的時候，例如僅僅是一篇帶有標題的文章，標題標籤單獨一行，不管後面有多大的空間 標籤中使用多個給某些詞做強調，但是卻和中的其他內容同一行，由此，會思考為什麼和會有這種的不同？想要知道為何不同，得先了解html標籤的型別。html標籤一般分為塊標籤和行內...