我已经在Internet上尝试了所有解决方案,但对我不起作用。我想在“ wrap” div内创建一个“ content” div和一个“ side” div,并将“ wrap变成风箱” div。如果我在“内容”中添加更多文本,则div增大并适合其内容,然后向下压页脚。'side'也一样。我制作了一个jsfiddle.net/h97t9me4/4进行说明,但它使用的是表格而不是div。我该如何实现?谢谢。
这是我想出的:
http://codepen.io/anon/pen/wDnsr
的HTML
<div class="content">
<p>This is the content</p>
</div>
<div class="side">
<p>This is the side</p>
</div>
<div class="footer">
<p>This is the footer</p>
</div>
</div>
的CSS
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content {
width: 75%;
padding: 1em;
float: left;
}
.side {
width: 25%;
padding: 1em;
float: left;
}
.footer {
width: 100%;
padding: 1em;
clear: left;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句