div内div（理论）

这听起来绝对愚蠢愚蠢，但我是新的网站设计。div内div（理论）

是否有可能在div中有div？

我想用第一个div来创建页脚并给它一个背景颜色，并保持一个尺寸（1920 x 300），就这些了。然后我想让下一个div让我列出一些链接到其他页面并定位它们（这是第二个div的唯一任务）和第三个div来保存一些图像并将它们定位（第三个div的唯一任务）

或者am我从小山上爬了一座山，错过了一个更简单的方法来做到这一点？

来源

2013-12-16 SN1Dan

@AlexB这将成为一个divsoup寿：D – Bananam00n

简短回答：是的 –

这实际上是相当普遍的做法。 – RealityDysfunction

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

我已经把一点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>

来源

2013-12-16 15:10:15 TimSPQR