我如何将p标签放在两个div下？

Posted 2023-02-04

因此，我有两个div并排放置，左浮动为左div，右浮动为右div。我希望我的p出现在这两个div下方。但是它只是拒绝这样做。它始终显示在页面顶部或两个div之间。我已经尝试过将两个div设置为显示内联代码块，但是它们不会紧挨着而是换行。我对html和CSS还是比较陌生，所以也许这只是一个简单的初学者错误，但是如果有人可以帮助我，我将不胜感激。

.p 
  background: red;
  width: 100%;


.tippsboxright 
  color: rgb(238, 238, 238);
  max-width: 45%;
  margin: 0 0 0 5%;
  float: right;
  font-size: 1.7vw;
  padding: 0;


.boxleft 
  max-width: 50%;

<main>
  <header>
    <h1>My header</h1>
  </header>
  <div class="content">
    <div class="boxleft">
      <img src="../images/questionguy.png" alt="Typ mit fragen" class="imgkauftipps">
    </div>
    <div class="tippsboxright">
      <p>
        This is the right box with text inside of it.
      </p>
    </div>
    <p class="p">This is the p tag that I want to be at the bottom of the page.</p>
  </div>
</main>

答案

我有个主意！请按PC上的Alt + F4，它将起作用！

但是我有一个问题：Möchten Sie eine Brezel mit Weisswurst?。