网站的 HTML 对齐答案

【问题标题】：HTML Aligning for Website网站的 HTML 对齐
【发布时间】：2014-07-29 09:35:55
【问题描述】：

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

<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>

【问题讨论】：

你需要学习 CSS。

标签： html iframe alignment

【解决方案1】：

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

这应该让它们水平对齐，前提是它们不会继承一些其他样式属性。

【讨论】：

【解决方案2】：

如果您刚刚开始，您应该先尝试将网站视为 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，这里有一个很好的：http://www.codecademy.com/tracks/web

【讨论】：