如何修复一个DIV-Container下一个右到一个居中的容器- CSS

juud5qan  于 2022-11-26  发布在  其他
关注(0)|答案(2)|浏览(102)

我有一个简单的DIV-Container用于存放网页的主要内容

#main { width: 50%; margin: 0 auto; }

现在我想修复另一个容器,就在#main-Container的顶部。见屏幕截图:

cbjzeqam

cbjzeqam1#

您可以使用CSS Flex执行以下操作:

第一个

hgqdbh6s

hgqdbh6s2#

在居中的div内添加绿色div并设置其样式。

<div id="main" style="position:relative;">
   <div id="green_div" style="position:absolute; left:100%; margin-left:20px; background:green;">
   <div>
</div>

相关问题