Html 显示表格css问题iframe_Html_Css_Iframe

Html 显示表格css问题iframe

html css iframe

Html 显示表格css问题iframe,html,css,iframe,Html,Css,Iframe,你好，我正在创建一个有两（2）列的网页。第1列包含一个PDF，我只是用对它进行了修饰，第2列就像一个注释部分。我不知道我的决定是否正确，但我使用使它看起来像一个有两列的表这是html代码 <!DOCTYPE html> <html> <head> <title></title> <link rel='stylesheet' type='text/css' href='skin/css/u

你好，我正在创建一个有两（2）列的网页。第1列包含一个PDF，我只是用

对它进行了修饰，第2列就像一个注释部分。我不知道我的决定是否正确，但我使用

使它看起来像一个有两列的表

这是html代码

<!DOCTYPE html>

<html>
    <head>
        <title></title>
        <link rel='stylesheet' type='text/css' href='skin/css/user.css'>
    </head>
    <body>
        <div id='cont'>
            <div class='wrap'>
                <div>
                    <iframe src='upload/1.pdf'></iframe>
                </div>  
                <div>
                    THIS IS THE SECOND COLUMN
                </div>                  
            </div>          
        </div>
    </body>
</html>

布局it suite what I what没有问题，但问题是第2列内容与第1列内容的底部对齐。这是屏幕截图，

有人能告诉我为什么会这样，解决办法是什么吗？谢谢

您必须添加

垂直对齐：顶部table

CSS属性水平对齐2个div时，它的行为类似于从底部开始的表格和文本
您只需要添加这一行
#cont .wrap div{
    display:table-cell;
    vertical-align:top; /*Added line*/
}

这里是一个演示链接
 你有直播页面吗？这是很自然的事情吗？并且必须记住，使用div创建表时，始终声明其垂直对齐。是的，这些属性使表结构也具有相同的表属性。当高度增加时，文本默认保持在底部，然后我们必须定义垂直：顶部
，如果我们想移动到顶部
或中间。对答案更满意吗？
#cont .wrap div{
    display:table-cell;
    vertical-align:top; /*Added line*/
}