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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我如何将p标签放在两个div下?相关的知识,希望对你有一定的参考价值。

因此,我有两个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?

以上是关于我如何将p标签放在两个div下?的主要内容,如果未能解决你的问题,请参考以下文章

将div放在两个div之间的边界顶部[重复]

如何将我的两个 <div> 放在同一个对齐上? [复制]

如何组合绑定片段而不将它们包装在 XML 文字中

使用CSS和Javascript制作标签

从 HTML 片段中删除空标签对

将float标签放在kendoReact DatePicker中