3-19编程练习

来源:3-19 编程练习

慕粉1470845848

2018-10-30 15:19:56

请问这段代码有什么问题,为什么跟效果图不一样

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>border属性</title>
<style type="text/css">
.container{
width:200px;
height:200px;
background-color:pink;
padding-top:50px;
padding-left:100px;
/*补充样式*/
}
.content{
width:100px;
height:100px;
background-color:orange;
padding-top:30px;
padding-right:30px;
padding-left:30px;
/*补充样式*/
}
span{background-color:yellow;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<span>
我是span元素
</span>
</div>
</div>
</body>
</html>


写回答

1回答

妮可妮可妮_

2018-10-30

你好,这里是浏览器识别的默认字体不同,然后字体撑开了宽度,存放不下,就去下一行了,建议:这里可以设置下span的字体,例:font-size: 12px;

若能解决你的疑问,望采纳。

祝学习愉快~


0

0 学习 · 36712 问题

查看课程