html - 为什么这个包装不像预期的那样?

标签 html css

我确定这是我所缺少的愚蠢的东西。谁能看看this page并告诉我为什么 BYOB 部分显示在右侧而不是美国部分的正下方?

提前致谢。

最佳答案

由于以下因素的结合:

  • 条组是 float 的
  • BYOB 组的酒吧组旁边有空间
  • BYOB 组是clear: none(默认)
  • 'bar' 和 'BYOB' 之间的组比 'bar' 短,在其下方但在 'bar' 旁边留有空间

在第一组(1、4、7、10 等)之后每隔三组设置 clear: left

关于html - 为什么这个包装不像预期的那样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1299841/

相关文章:

html - 更改文本大小以适应 html 中的按钮宽度

html - HTML 中表属性的 CSS

javascript - 删除文本区域的初始值 ""

javascript - 带有 HTTP 请求数据的 AngularJs 指令

java - 获取参数始终为空

jquery - translate ease for translate only 首次在 iPhone 上流畅

javascript - 移动菜单 (js) 未在 WordPress WPML 网站上加载

html - 为什么在IE7,6下边框上面的框?

javascript - element.css ('left' ) 返回 'auto' 即使它不在 iPhone Safari 上

html - 响应式CSS显示网页的移动版本