CSS在屏幕上分发元素

Question

我使用的是ASP.NET (MVC4互联网应用模板)。我有一个母版页，在它里面我嵌入了另一个页面。这个嵌入的页面应该具有如下所示的外观(草稿)：http://snag.gy/OGIut.jpg

这一页有三栏。第一列有一个分组框和一些单选按钮(选项)。在第二列中有更多的分组框，如上图所示(参见上面的链接)，第三列也是如此。每个分组框都有一个标题，并且在标题之前有一个复选框(这对于启用或禁用整个分组框很有用，这样用户就不能选择其中的任何选项)。在第三列的末尾有一个普通的按钮(不是3D)，在页面的底部有一个灰色的部分，在最右边有一个普通的按钮。

因此，由于我在web和css编程方面完全是新手，我正在考虑如何在视图中组织所有这些元素，使其具有图片中所示的外观。

有没有人能帮助我，告诉我怎么做？有什么例子吗？在使用html和css时，我感到非常沮丧，因为我发现很难将元素放在正确的位置。

Answer 1

也许您应该考虑使用框架来帮助将元素放置在网格上。其中最著名的当然是Bootstrap，但这样的http://usablica.github.io/front-end-frameworks/compare.html也有很多。它使web开发变得更快、更容易。

此外，这些框架附带JS和CSS库，可以真正帮助创建现代网页的滑块，平滑滚动，模型窗口等。