display:block是區塊層級元素
可以控制高度，行高，邊距
寬度預設是它的容器的100%，除非設定一個寬度
demo：
<!DOCTYPE html><html><body><div style="width:200px;"><div style="border:1px solid red">aaaa</div></div></body></html>
display：inline是行內元素
和其他元素都在一行上；
高，行高及頂和底邊距不可改變；
寬度就是它的文字或圖片的寬度，不可改變。
demo：
<!DOCTYPE html><html><body><div style="width:200px;display:block"><div style="display:inline;border:1px solid red">aaaa</div></div></body></html>
display:inline-block簡單來說就是表現行內元素的區塊層級元素，可以設定高度，寬度，但是和其他行內元素會在同一行顯示
demo:
<!DOCTYPE html><html><body><div style="display:inline-block;width:200px;border:1px solid red">aaaa</div><div style="display:inline-block;width:200px;border:1px solid red">aaaa</div></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
