如何将一个div放在容器div的居中位置，而另一个div的内部漂浮在rigth侧？

编程问答 2022-06-06

问题描述

我希望黄色div居中。我只需要使用CSS而不是修改布局即可实现。

强制性要求也不要使用CSS定位属性或Flex或网格放样。

这里有一个示例页面：

<!DOCTYPE html>
<html>
  <head>
    <Meta charset="utf-8">
    <title>Example</title>
  </head>
  <body>
  <style>
    .c {
        background-color:blue;
        text-align:center;
        padding:1em;
    }
    .a {
        background-color:yellow;
        display: inline-block;
        
    }
    .b {
        background-color:lightgreen;
        display: inline-block;
        float:right;
        clear:both;
    }
  </style>
    <div class="c">
        <div class="a"><span>I WANT THIS CENTERED ON BLUE CONTAINER</span></div>
        <div class="b"><span>I LIKE THIS AT RIGHT SIDE OF BLUE CONTAINER</span></div>
    </div>
  </body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

centercenteringhtml