html - 在响应式 CSS 和 HTML 网站中向下插入侧边栏

标签 html css

有没有一种方法可以在浏览器达到一定大小时使侧边栏折叠到页面底部而无需任何 JavaScript。

我正在创建一个可以在 http://flexibletheme.tumblr.com/ 上看到的响应式主题.通过将浏览器窗口的大小调整到 600 像素以下,主题将变为线性版本(只需将浏览器的大小调整得更小,直到它变成这样)。

在顶部,侧边栏变成了一个完整的菜单,这是我想转到底部而不是留在顶部的部分。

CSS代码的相关部分是@media screen and (max-width: 600px)【这告诉浏览器当浏览器小于600px时使用指定的CSS】,侧边栏使用名为 的 HTML 5 元素,每篇文章都包含在 中。

最佳答案

您是否尝试过将整个 aside block 移动到容器下方?我自己仍在学习响应式网页设计,但我的理解是,如果您将 html 结构化为您想要容纳的最小尺寸,您将拥有更简洁的布局和更少的 hack。

关于html - 在响应式 CSS 和 HTML 网站中向下插入侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7538922/

相关文章:

html - IE 和 FF 之间表行填充底部的不同行为

html - 居中响应标题 - wordpress 博客

javascript - 通过淡入使 div 可见

css - 页面顶部的空白区域(有时)

html - 具有固定位置和相对位置的重叠 div

css - 固定页脚模糊 firefox 搜索匹配

html - td 上的 bgcolor 不会改变其颜色

html - CSS - 如何避免每个段落都使用 class=?

css - 第一个类型未按预期工作

html - 在 Bootstrap 导航栏的中心对齐文本