html - CSS float /内联 block 问题

标签 html layout css-float css

  • 请你检查一下this jsFiddle
  • 调整“结果”框架的宽度。
  • 观察框的布局在 2 和 3 之间切换 专栏。

这个故障很烦人,我希望布局看起来像这样,即使在调整窗口大小时也能保持这样:

_________
| ▄ ▄ ▄ |
| 1 2 3 |
| ▄ ▄ ▄ |
| 4 5 6 |
¯¯¯¯¯¯¯¯¯

您能否更改 HTML/CSS 以完善布局并消除故障?

提前致谢!

最佳答案

http://jsfiddle.net/znPGj/3/通过在 img 框上设置以 px 为单位的高度来修复它

关于html - CSS float /内联 block 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7376423/

相关文章:

html - 在 div 中 float

css - 并排放置两个 DIV, float :left or right

css - 在 div 中居中 float 图像

javascript - 如果 html5 文本框类型为 ="text",如何打开 iOS 和 android 的数字键盘?

html - 为什么图像的最大高度适用于除 Firefox 以外的所有浏览器?

javascript - 如何使用reactjs和react-router实现正确的布局

java - setLocation() 并不总是适用于没有布局管理器的面板内的 JLabel 对象,这是一个错误吗?

Javascript list : Edit and Delete button

html - CSS 粘性页脚,带有可滚动内容的页眉

javascript - 在 bootstrap popover 插件中插入一个关闭按钮