line-height如果元素出现嵌套，但是设置相同的line-height，并且line-height的值大于字体的值，高度就会出现偏差
老师你看下面的代码。首先div没有设置高度和宽度，div里面有个文字，还有span标签，如果给div里和span设置相同的lin-height，然后给div的文字和span标签的设置不同的文字大小，就会出现div高度大于lineheight的高度，且span里的文字只要比div里的文字大10px，高度就会增加4px，是怎么回事？？？？？？？？？
求大神解释！！！！！！！！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>test</title>
<style>
*{
padding:0px;
margin:0px;
}
.box{
border:1px solid red;
line-height: 50px;
font-size: 20px;
}
span{
font-size: 30px;
}
</style>
</head>
<body>
<div>慕课网<span>免费教程</span></div>
</body>
</html>
小_磊_浏览 2280回答 2
2回答
-
慕粉1512528397
虽然问题描述有问题，但确实有这个问题。当给块级元素设置line-height和height一样，实际的高度会大那么几个像素。 -
哈穹
哥 你定义了.box这个类的样式 但是你html中却没有使用到这个类 你这样真的合适么？！！/(ㄒoㄒ)/~~
随时随地看视频慕课网APP
Html/CSS