CSS在屏幕上分配元素

时间:2013-09-14 17:42:30

标签: asp.net css

我正在使用ASP.NET(MVC 4互联网应用程序模板)。我有母版页,在其中我嵌入了另一页。此嵌入页面应具有此处显示的外观(草稿):http://snag.gy/OGIut.jpg

此页面为三栏。第一列有一个组合框,并有一些单选按钮(选项)。在第二列中有更多的组框,如上图所示(参见上面的链接),第三列也是如此。每个groupbox都有一个标题,在标题之前有一个复选框(这对于启用或禁用整个组框非常有用,因此用户无法选择其中的任何选项)。在最后的第三列中有一个普通按钮(不是3D),在页面底部有一个灰色部分,最右边有一个普通按钮。

因为我是网络和CSS编程的新手,我正在考虑如何在视图中组织所有这些元素以使图片中显示出外观。

有人可以帮忙告诉我该怎么做吗?举个例子?使用html和css时我非常沮丧,因为我发现很难将元素放在正确的位置。

1 个答案:

答案 0 :(得分:1)

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

另外,这些框架附带JS& CSS库可以真正帮助创建具有滑块,平滑滚动,模型windiws等的现代网页。