18910140161

html-h3标记和浮动DIV折叠堆栈溢出

顺晟科技

2022-10-19 11:26:46

99

我的H3标题浮动div(图像)出现问题,如果我将边框底部或背景色设置为H3标题;我无法将它们分开;

我尝试了第二个版本--如果我在H3标题上放置display:flex--那么一个新问题--标题向左移动得太远;

显示:块版本:

显示:FLEX版本如下:


顺晟科技:

它们相互重叠,因为有一个for但没有任何for或属性

有几种方法可以修复它!

您可以像响应式设计一样为它们制作2个列(我建议使用此解决方案),您可以在这里.

阅读更多关于它的信息。或者您可以将标题和段落添加到另一个div中,作为左侧的容器,并为它声明一个(您可以根据您的工作使用两者或for):

这是您想要的吗?

更新:CSS网格解决方案,我在这里包装了。

为什么不使用CSS flex属性

你为什么不尝试CSS flex属性来实现你的目标?对于这样的复杂性,Flex是安全和有趣的。这里我实现了问题解决方案的flex版本。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航