如何获得3部分iframe

时间:2018-08-04 13:02:27

标签: html css iframe

这是我的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
html,body{
  width: 100%;
  height: 100%;
}
</style>
<body>

<iframe src="../admin/" frameborder="0" scrolling="yes"
                                style="height: 100%;
                                            width: 49%; float: left; " height="60%" width="49%"
                               align="left">

</iframe>
<iframe src="../admin/" frameborder="0" scrolling="yes"
                                    style="overflow: hidden; height: 100%;

                                    width: 49%; " height="60%" width="49%"
                                     align="right">

</iframe>
<iframe src="../levensthein/" frameborder="1" scrolling="yes"
                                    style="overflow: hidden; height: 100%;

                                    width: 100%; " height="100%" width="100%">

</iframe>
</body>
</html>

,我想获得此显示:

enter image description here

目前iframe 3太低: enter image description here

enter image description here

因此,如果您有任何想法,我将如何使iframe 3向上移动

1 个答案:

答案 0 :(得分:0)

您可以为此使用div。使用2列然后1行的行。