在Wordpress

Question

this is how it should look但是当我粘贴相同的代码时：

    <!-- dummy div -->
    <div style="height:100px;">
    </div>

    <!-- outer div to contain inner div (that has a margin) -->
    <div style="height:80vh;">

   <!-- inner most div now has its boundary defined by the outer div, so adding a border wont extend its width beyond the width of the browser window -->
   <div style="height:80vh; padding: 20px;">

   <!-- iframe set to fill 100% of its containing div -->
   <iframe src="http://insitu-app.com/insitu-tgrg-simplified.html" style="top:0; left:0; height: 100%; width: 100%; margin-left: auto; margin-right: auto; border: none" frameborder="0" allowfullscreen></iframe>

  </div>

  </div>

进入wordpress代码编辑器并发布this is what I get。我希望div标签及其内容占据视口垂直高度的80％。如果在wordpress上无法使用这种方法，那么请告诉我吗？非常感谢

Answer 1

检查内容编辑器的TEXT VIEW中的代码。 当您在其中粘贴内容时，Wordpress内容编辑器会生成一些标记。 使用TEXT VIEW粘贴相同内容，并确保没有其他文本。它会正常工作。

在您目前的情况下，正在生成额外的<code>..</code>和<p>...</p>标记。