老师你看一下
来源：3-2 选择练习
精慕门407314
2020-01-06 22:55:04
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style type="text/css">
* {
padding: 0;
margin: 0;
}
p{
/* width: 100%; */
display:inline-flex;
flex-direction: row;
background-color: aqua;
}
.box1{
width: 100px;
height: 100px;
background-color: yellow;
margin: 10px;
}
</style>
</head>
<body>
<p>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
<div class="box1"></div>
</p>
</body>
</html>
我这里用的P标签为什么没有产生这样的效果
2回答
-
好帮手慕码
2020-01-07
同学你好，是的，p标签中不可以包含div标签。另，如果想让其横向排列的话，可以给div设置浮动，如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0 -
精慕门407314
提问者
2020-01-06
老师我知道了是p标签内不能放div
0
相似问题
回答 1
回答 1
回答 1
回答 1
回答 2