我已经添加了如下代码<div class="one"> <div class="son2"> <div class="yi">1</div> <div class="er">2</div> </div> </div>但还是没有是为什么
时间: 2023-08-14 21:53:16 浏览: 127
根据你提供的代码,`<div class="one">` 是一个父容器,它包含了一个名为 `.son2` 的子容器,而 `.son2` 又包含了两个子元素 `.yi` 和 `.er`。
根据你之前提供的样式代码,`.yi` 和 `.er` 元素应该具有指定的宽度和高度,并且背景颜色为 `aqua`。
在这种情况下,如果你的页面中仍然看不到这两个元素,可能有以下几个原因:
1. 父容器 `.one` 的宽度不够大,导致子容器 `.son2` 和其中的子元素被挤压在一起。你可以尝试增加 `.one` 的宽度,或者减小 `.son2` 的宽度。
2. 可能存在其他样式或元素影响了 `.yi` 和 `.er` 的显示。请确保没有其他样式代码或元素覆盖了这两个元素,或者检查浏览器开发者工具中的 CSS 样式和元素层次结构。
3. 元素内容可能被设置为透明或隐藏。请检查 `.yi` 和 `.er` 元素的内容是否为空,或者是否设置了 `opacity: 0;` 或 `visibility: hidden;`。
请仔细检查以上几点,并根据需要调整代码和样式,以确保 `.yi` 和 `.er` 元素正确显示在页面上。
阅读全文