解决子元素浮动到父元素的父元素的问题?-灵析社区

001

急求!子元素设置了float:left,为什么是浮动到父元素的父元素(part1)上,而不是浮动到父元素(box1)上?想让这个子元素和学院新闻同行应该怎么办? 这是那个子元素 .box1 span a{ width: 38px; height: 25px; display:line-block; float: right; } 这是那个子元素 ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/16632ae438018995c7776e50ef612384.png) 这是整体: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/f10927bee5a8764770d5786d84fb165f.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/a389fc5aa9b57ec21933c95b0ebd12b9.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/3e3c0edbbe028fde531fdff8ec067967.png)

阅读量:127

点赞量:0

问AI
看起来像是初学者,描述的问题阅读起来也比较吃力。 简单来说就是因为: 1. 你的 ".box1" 元素下有两个元素 "p" 标签和 "span" 标签。 2. "p" 是块级元素,所以它会占满整行,导致让 "span" 标签换行到下一行展示。 3. 因为已经换行了,所以你浮动的时候也只是在本行向右浮动。 4. 另外你的 ".box" 元素的高度你设置为了固定的 "35px",文字行高也设置为了 "34px"。 5. 所以 ".box" “看起来” 会在 ".part1" 元素上,但其实它还是在 ".box1" 元素上的只是看起来脱离了 ".box1" 元素。 所以简单的调整就是把你的 "span" 标签移动到 "p" 标签之前就可以了 学院标签 2 "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241014/7c026f8c319b548f7e0ef9fcfb11eb36.png)