<分区>
html - 页面内容布局问题
Possible Duplicate:
Make Div on right side fill out all available space
我正在为博客设计主题，但在尝试使布局正常工作时遇到了一些问题。这是我想要的图片。
此图表示各个帖子而不是网站本身，因此它将包含在它自己的一个框中，我们称之为 .container。紫色和绿色也在另一个盒子里，我们称它为.content。其他元素现在将通过它们的颜色来调用。
所以这里或多或少是 CSS 的样子:
.container {
display:block;
margin:0 25px;
}
.gray, .blue, .content {
display:block;
width:100%;
}
.purple {
display:inline-block;
width:125px;
height:100%;
text-align:center;
}
.green {
display:inline-block;
}
目前就这些了。我尝试了 float 但没有效果。发生的事情是这样的。
这里还有一些你应该知道的事情:
.container的宽度未设置，它是自动的.purple和.green不一定需要相同的大小，只要.green不会那样边。.purple可以设置高度.green是核心所在，也是实际发布的地方，请记住这一点。- 我认为表格没有帮助，问题出在
.content.
最佳答案
使用这篇文章中的答案来获得解决方案:
Make Div on right side fill out all available space
我推荐表导向的方法，因为它是几乎所有浏览器上最有效/最有效的方法。
关于html - 页面内容布局问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12431698/