Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
网站的HTML对齐_Html_Iframe_Alignment - Fatal编程技术网

网站的HTML对齐

网站的HTML对齐,html,iframe,alignment,Html,Iframe,Alignment,我希望它们彼此对齐,但我不能使用表格格式 <div align=left><a href="../data/home.htm" target="main_Frame"><img src="../data/banner.png" alt="Logo" width="20%" height="100%"></a></div> <iframe name="main_Frame" height="100%" width="80%" src

我希望它们彼此对齐,但我不能使用表格格式

<div align=left><a href="../data/home.htm" target="main_Frame"><img src="../data/banner.png" alt="Logo" width="20%" height="100%"></a></div>
<iframe name="main_Frame" height="100%" width="80%" src="../data/home.htm" frameborder="0" align="right"></iframe>



这将使它们水平对齐,前提是它们不会继承其他一些样式属性。

如果您刚刚开始,您应该先尝试将站点视为div块

<div style="position:relative; overflow:auto;">
    <div style = "width:20%; float:left;">
        <a href="../data/home.htm" target="main_Frame">
        <img src="../data/banner.png" alt="Logo"></a>
    </div>
    <div style = "width:80%; float:left;">
        <iframe name="main_Frame" src="../data/home.htm" frameborder="0" align="right"></iframe>
    </div>
</div>


我建议您学习一些CSS,这里有一个好建议:

您需要学习CSS。
<div style="position:relative; overflow:auto;">
    <div style = "width:20%; float:left;">
        <a href="../data/home.htm" target="main_Frame">
        <img src="../data/banner.png" alt="Logo"></a>
    </div>
    <div style = "width:80%; float:left;">
        <iframe name="main_Frame" src="../data/home.htm" frameborder="0" align="right"></iframe>
    </div>
</div>