css - 如何定位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

尝试这样的事情:

fiddle :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;
}

还有一百万种其他方法可以做到这一点，但您的问题很基础，所以我的回答也很基础。