html - div 中的 div(理论)

Question

这可能听起来绝对愚蠢，但我是网站设计的新手。

是否可以在 div 中包含 div？

我想使用第一个 div 创建页脚并为其指定背景颜色，并保持大小 (1920 x 300)，仅此而已。然后我希望下一个 div 允许我列出一些指向其他页面的链接并定位它们(​​这是第二个 div 的唯一任务)和第三个 div 来保存一些图像并定位它们(​​第三个 div 的唯一任务)

还是我小题大做了，却错过了更简单的方法？

Answer 1

我对你怀有无限的同情，因为大约一年前我也经历过同样的过程。阅读上面提到的所有优秀建议，但学习它的最好方法就是去做。你可以使用 jsfiddle.net，或者只使用记事本，将 html 文件保存在你的计算机上，然后用浏览器点击它。你会看到各种“有趣”的行为。我有很多改变 div 上的一个像素的例子，你看看页面就会看到一幅毕加索立体派的画!!

我放了一点fiddle一起给你玩。请注意，一旦您“完成”了 HTML，您将花费大部分时间处理代码的 CSS 部分。祝你好运!

CSS

.container {
  width:300px;
  height: 300px;
  background-color: red;
}
.insidediv1 {
  width: 250px;
  height: 100px;
  background-color: blue;
}
.insidediv2 {
  width: 250px;
  height: 100px;
  background-color: orange;
  float: right;
}
.insidediv3 {
  width: 250px;
  height: 50px;
  background-color: green;
  float: right;
}
.yourimage {
  width: 75px;
  height: 75px;
  background-color: white;
  margin: 10px auto;
}
.footer {
  width: 300px;
  height: 100px;
  background-color: yellow;
}

HTML

<div class='container'>
    <div class='insidediv1'></div>
    <div class='insidediv2'>
        <div class='yourimage'>IMAGE</div>
    </div><!--end insidediv2-->
    <div class='insidediv3'></div>
</div><!--end container-->
<div class='footer'>Footer</div>