这是我的整个代码,但是.yi和.er元素并没有空间分配 <style> .one{ width: 800px; height: 800px; background-color: pink; margin: 0 auto; display: flex; } .son2{ display: flex; flex-wrap: wrap; justify-content: space-between; } .yi{ width: 150px; height: 150px; background-color: aqua; } .er{ width: 150px; height: 150px; background-color: aqua; } </style> </head> <body> <div class="one"> <div class="son2"> <div class="yi">1</div> <div class="er">2</div> </div> </body>
时间: 2024-02-16 22:19:19 浏览: 55
H5tiaoyitao_www.38431com_tiao.yi.tiao_yitaobt_tiaoyitao_
根据提供的代码,`.yi`和`.er`元素应该具有空间分配。然而,你可能没有给定这两个元素的具体内容,所以它们看起来没有宽度和高度。
请尝试在`.yi`和`.er`元素中添加一些内容,例如文本或其他子元素。这样,你就可以看到它们占据了`.son2`容器中的空间,并按照`justify-content: space-between;`规则进行水平分散对齐。
以下是一个示例,演示了如何给`.yi`和`.er`元素添加文本内容:
```html
<div class="one">
<div class="son2">
<div class="yi">1</div>
<div class="er">2</div>
</div>
</div>
```
请确保在`.yi`和`.er`元素中添加适当的内容,并确保它们有足够的宽度和高度来显示出来。这样,你应该能够看到它们之间具有空间分配。
阅读全文