问题标签 [yui-pure-css]

从纯 CSS我想结合对齐的形式：

分组输入：

以便将输入堆叠起来，同时仍然允许将水平对齐的标签放置在左侧。我怎样才能达到这个效果？

在我的网站上，我使用 pure.css，并且导航栏包含的元素多于小屏幕无需滚动即可显示的元素。因此，在这种情况下会出现一个滚动条，这是我不想要的。我希望导航栏保持在顶部，以便导航栏和内容同时滚动。当我使用位置时：绝对；一切看起来更糟。此外，该导航栏的移动版本应该仍然可以工作（在移动屏幕上滚动虽然导航栏应该仍然是可能的）。

我还尝试停用溢出-y，但显然，并非导航栏上的每个元素都是可点击的。

我在 div 中有一个按钮，该按钮当前位于 div 的顶部。我想将它垂直居中于父 div 内。

这是按钮的css。

这是html部分。

我试过垂直对齐它不起作用。

我有一个带有导航栏的简单页面文件。它适用于除 Firefox 之外的所有浏览器。出于某种原因，导航栏被推向我的内容 div。这里可能是什么问题？我尝试过使用 margin-top ，但这只会破坏我在其他浏览器中的视图。

哦，我也在使用 Pure.CSS 菜单模块，以防万一。

这是我的代码。

有人知道 Purecss 框架的项目状态吗？从他们的博客和 github 来看，这似乎是一个死项目。

我以这种方式使用垃圾容器：

使用以下CSS：

}

但是我在导航栏和启动画面之间有一个很小的空间，正如你在这里看到的：

有没有办法解决它？

纯 css 纯菜单标题与 Firefox 中的项目不对齐？要在 Firefox 上运行它，请访问http://purecss.io/layouts/marketing/。'YOUR SITE' 纯菜单标题高于纯菜单项，但在 Chromium 和 Opera 中对齐良好。类“标题”也不在

两件事情，

1. 将表单嵌套在菜单项内是可行的，只是它再次隐藏了鼠标从表单 div 移动的情况。

2. 这个表单菜单项是右对齐的，并且表单最左边的边距与按钮的最左边边距对齐，因此实际的表单会超出窗口

   /li>

编辑： jsfiddle可以在这里找到

我正在尝试创建一个包含两个相邻框的单列的响应式网格。⅓ 列在左侧，⅔ 列在右侧。这是http://codepen.io/htmlcheats/pen/OWMobO上 codepen 的非响应版本：

它按预期工作。当我将它们挤压在一起或拉伸它们时，它们保持相邻。

这是响应版本（ http://codepen.io/htmlcheats/pen/OWMobO上的 codepen ）：

当我压扁页面时，它们仍然彼此重叠。如果我理解正确，他们应该折叠并创建一个单列，红色框位于蓝绿色的顶部。

你能告诉我我做错了什么吗？

使用 Bootstrap 3，有一个简单的解决方案可以将多个列居中，如下所述：http: //www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns

可以用 Yahoo pure.CSS 做到这一点吗？如果是，如何？

提前感谢您的建议和帮助！