Question

我在wordpress网站上使用二十三个主题有两个iframe，并且不能让它们彼此相邻！它们似乎是垂直堆叠的，这也与其他元素一起发生！这是iframe的html ..

＆＃13;

#page {
      width: 1060px;
}

#content {
     width:  620px;
}

＆＃13;

我已经尝试过div并在wordpress中向css左侧浮动无济于事这是wordpress中的当前css ....

＆＃13;

awk 'NR==FNR{a[$1]; next}{if($4 in a) $1="#"$1;}1' OFS="/" oldstudent.txt FS="/" app_path.config

＆＃13;

Answer 1

将它们包裹在容器中。并使用下面的CSS

<div class="iframe-cont">
<iframe src="myfirstframe" width="290" height="375" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>


<iframe src="mysecondframe" height="470" width="640" frameborder="0" scrolling="no"></iframe>
</div>


.iframe-cont {
  display: flex;
}

您可以使用此

更改其宽度和高度

    .iframe-cont > iframe {
      height: ;
      width: ;
/**display: inline-block;**/
    }

Answer 2

你的页面足够宽吗？看看这个片段，按计划工作 - 否则你可能还有其他一些导致问题的CSS

iframe {
  border: 1px solid red;
}

<iframe src="#" width="20" height="60" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<iframe src="#" height="60" width="40" frameborder="0" scrolling="no"></iframe>

在wordpress中并排排列iframe

2 个答案: