内联盒子CSS编程特性解析
内联元素的盒子模型，挺有意思的，跟块级元素不太一样。它不会独占一整行，大小主要看里面的内容，width、height这些属性基本都不管用，是margin-top和margin-bottom，你设了也没啥反应。不过横向的margin-left和margin-right还是生效的。
对了，内联元素的高度可以用line-height来“曲线救国”，比如你要让按钮的文字撑开点高度，直接设个line-height: 40px就行。以前margin-top在 IE 里是直接失效的，虽然现在兼容性好了，但最好还是稳妥点，用padding或者line-height来高度。
你要是想看看实际效果，可以打开那个本地的example.html文件，不过要注意路径是file:///开头的，得自己本地跑。想进一步了解盒子模型，下面这几个链接也挺有的：
如果你在调样式的时候，发现元素怎么设都不动，那八成是碰上内联元素了，改成display: inline-block试试，说不定就搞定了。
文件大小：677.5KB
评论区