顶线和底线包含的区域
每个行内元素会生成一个行内框，行内框是一个浏览器渲染模型中的一个概念，无法显示出来，在没有其他因素影响的时候（padding等），行内框等于内容区域。 设定行高时行内框高度不变，半行距分别增加/减少到 行框 的上下两边。 简单说来，行内框就是行内元素的边框。
行框是指本行的一个虚拟的矩形框，是浏览器渲染模式中的一个概念，并没有实际显示。行框高度等于本行内所有元素中行内框最大的值。当有多行内容时，每行都会有自己的行框。
<html><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">
<title>无标题文档</title>
<style type="text/css">
#c1{
width:70px
height:30px
border:solid 1px #CCC}
</style>
</head>
<body>
<div id="c1"></div>
</body>
</html
这里 就能写出一个框70px,高30px，的方框了，如果要调整方框的大小，直接改width和height的值就行
