18910140161

html-如何修复CSS代码,使其在屏幕较大时将左列移到左侧?-堆栈溢出

顺晟科技

2022-10-19 11:59:16

129

我一直有一个问题与我的反应性网站;具体地说,当屏幕较大时,它不会在左上方(主要内容旁边)显示“关于我”和“热门帖子”。如果可能的话,我想把它修好。现在,它显示在页脚旁边,这不是我想要的。

下面是我正在使用的HTML和CSS:

下面是CSS


顺晟科技:

最简单的方法是从bootstarp使用网格系统:https://getbootstrap.com/docs/4.0/layout/grid/

检查下面的代码。我用的是Bootstrap网格系统。 您可以使用https://getbootstrap.com/docs/4.0/layout/grid/获取更多信息

我认为Bootstrap对于任何类型的设计都是更好的解决方案。 以下代码可能成为您的解决方案。

最好的选择是将其用于容器。在现代网站设计中使用是非常不常见的,并且伴随着一系列缺点。我已经修改了CSS和HTML,以反映一种做事的方式。

您需要自己清理(填充、挠曲比等)。请参见下面的更改,以使其按需要工作。

有关Flex的更多信息,请参见以下内容:https://developer.mozilla.org/en-美国/docs/web/css/flex

顺便说一句,如果您是为了一个任务而这样做,我建议您清理一下HTML。类名并没有真正反映它们的用途,元素似乎是多余的。但都起来了,看起来不错。

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