如何定位div元素

Question

我是设计网页的新手。我需要创建一个包含2个部分的页面。

第一部分的左上角会有一个徽标。第二部分将位于页面中间，其中一些内容由iframe生成。

我在页面上放了2个div标签：一个用于图像，另一个用于这样的内容：

  <div class="logo">
      <a href="http://somelink.com/">
      <img src=someimage.png'/></a>
  </div>

  <div class="content">
      <iframe src="somepage.php></iframe>
  </div>

我该怎么做？

比你

Answer 1

尝试这样的事情：

小提琴：http://jsfiddle.net/bjfxq/

使用CSS定位元素。要了解有关样式的更多信息，请尝试以下交互式教程：

• http://www.codecademy.com/courses/css-coding-with-style/0/1

<强> HTML

<div class="logo"><a href="http://somelink.com/"><img src='http://www.w3.org/html/logo/downloads/HTML5_Logo_128.png'/></a></div>

<div id="content"><iframe src="http://www.stackoverflow.com"></iframe></div>

<强> CSS

#content {
    text-align:center;
}

还有其他一百万种方法可以做到这一点，但你的问题是基本的，所以我的回答是基本的。

Answer 2

CSS

.logo
{
float: left;
}
.content
{
text-align: center;
}