css - 在响应式主题中,创建一个包含两个区域的 block 后,如何在宽度减小时将其排列在另一个下方?

标签 css html drupal-7 responsive-design

目前在 drupal 7 中创建一个单页响应式网站,在使页面响应后,在两列中并排添加了一个包含关于我们和道德的两个区域的 block 。 在缩小浏览器宽度的同时,内容仍然保持原样!!!我希望我们周围的区域低于道德规范,但我不知道该怎么做!! 谁能指导我解决上述问题。

最佳答案

你可以在两个元素上使用 float:left 并给它们一个固定的宽度。

当页面缩小到一定程度时,它们会自动堆叠。

关于css - 在响应式主题中,创建一个包含两个区域的 block 后,如何在宽度减小时将其排列在另一个下方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22422797/

相关文章:

css - 元素没有被放置在网格中

html - 使用 Bootstrap 垂直对齐 btn-group 内的标签

javascript - Jquery 脚本以计数脚本中的所有 div 为目标,希望它为每个 div 单独工作

html - 为什么将框从父框 float 出来?

css - 如果值为 0,如何将新的 CSS 类添加到链接徽章?

php - Drupal 7 xautoload Composer

javascript - 如何仅为特定元素启用 document.designMode = 'on'

html - 表格单元格和中断词不起作用

html - 如何在隐藏的溢出中显示下拉宽度?

drupal-7 - 如何在 Drupal 7 中使 i18n 支持文件名?