Question

我正在尝试在页面的右上角上放置日历：

<?php
    echo 'other html 1';
    echo 'other html 2';
    ....

    // Calendar
    echo '<iframe 
              src="https://calendar_link"
              style = "border: 0;
              position: absolute;
              width: 500;                  // This does not have any effect, why?
              height: 500;                 // This does not have any effect, why?
              top: 160px;                  // This does not have any effect, why?
              frameborder: 0; 
              scrolling: no;">
          </iframe>';
?>

显示日历，我可以替换它的大小，但我无法弄清楚如何将它移动到任意位置。无论我在做什么，它总是出现在其他HTML代码之下。

请注意：

我无法将php更改为html文件，因为此页面是较大系统的一部分
我不想依赖其他的echo语句。如果不需要弄清楚该文件的其余部分发生了什么，那么解决这个问题会很好。
我很乐意将特定于iframe的样式内容移到单独的css文件中。

如何将iframe放在我想要的任何地方？

Answer 1

由于您要定位iframe，因此您应该使用位置属性，并且您希望iframe显示在页面的右上角，那么您还应该使用顶部和< strong>正确属性来实现此结果

<?php

            echo '<iframe 
                  src="http://cuassistant.tk/"
                  style = "
                  border: 0;
                  position: absolute;
                  display: block;
                  width: 500px;                  
                  height: 500px;             
                  top: 0px; 
                  right: 0px;
                  frameborder: 0; 
                  scrolling: no;">
              </iframe>';

查看以下链接CSS position property

注意：由于iframe是html中的旧东西，因此不推荐使用很多属性。您最好查看以下页面Iframe Tag

中的内容

如何在php echo语句中定位iframe（日历）？

1 个答案: