html - 使用基础制作一个盒子容器

Question

我有一个 psd，我正在更改为 css/html/js

盒子尺寸为 646 * 250，背景为白色/浅灰色边框。它也位于页面中间。

我已经安装了基础。我对基金会的了解不超越导航栏、网格系统、按钮和表单。我的 CSS 技能包括在 mozilla 开发人员指南中查找标签。

这是我用 foundation 中包含的 css 做的事情，还是应该将 sass 与 foundation 混合？

我应该使用哪些 css 标签？还是想到？

我编写代码并在 Rails 应用程序的 View 上工作。该框应该以更好的格式显示来自后端的数据。

Answer 1

Foundation 旨在简化应用程序的响应式设计。这与必须具有特定尺寸的商品搭配不佳。

在不知道您正在构建什么以及当屏幕空间小于指定大小时它应该如何表现的情况下，您可以通过以下方式完成您描述的内容:

<div class="element">

</div>

.element {
    backround-color:#FFF;
    border:1px solid #CCC;
    height:250px;
    width:646px;
    margin:0 auto;
}