内联元素的高度、宽度及底部边距不是不可设置吗？下面有一段代码中可以设置？-慕课网

内联元素的高度、宽度及底部边距不是不可设置吗？下面有一段代码中可以设置？

来源：12-3 我要和你站一起 - 内联元素

慕UI1547199

2016-11-16 11:05

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>内联块状元素</title>
<style type="text/css">
div,p{background:pink;}
#a{
    display:inline;
    width: 50px;
    height: 40px;
}
#b{
    display:inline-block;
    width: 50px;
    height: 40px;
}
#c{
    display:block;
    width: 300px;
    height: 400px;
}
</style>
</head>
<body>
<div id="a">div1</div>
<div id="b">div2</div>
<p id="c">段落1段落1段落1段落1段落1</p>
</body>
</html>

写回答关注

4回答

hao_sx

2016-11-16 11:21:49

已采纳

加上display：block 就可以设置宽高了

1 0

慕UI154...

非常感谢！

2016-11-16 11:34:04

共 1 条回复 >
慕粉4413424

2016-11-16 11:24:21

div 和 p 标签不是内联元素

0 0
慕虎1115980

2016-11-16 11:18:27

padding{xxx}或者margin{XXX}记住padding是盒子内部的，顺序是（上右下左）

0 0
bansheeing

2016-11-16 11:17:51

div 和 p 本身都不是内联元素，内联元素有em strong label 等，但是div 和p 可以加入inline内联化为了排版所以可以加高度和宽度

0 1