html - CSS 从左到右的 float 行为

标签 html css

据我所知,float 倾向于以这种方式运行。

enter image description here

它应该从左到右填满整个空间。我的问题是如何让它以这种方式运行。

enter image description here

它将填充第一列空间的底部,然后填充第二列。

代码:http://jsfiddle.net/EwqYW/

谢谢。

最佳答案

最好不要沉浸在想要完成和输入的事情中:

display:block;

就地放置您的 DOM 元素。

关于html - CSS 从左到右的 float 行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12757960/

相关文章:

javascript - 使用 Node.js 和 express-handlebars 从 JSON 文件渲染 html

html - 当所有边距都是 15px 时,我的元素应该放在哪里?

javascript - 如何在 HTML5 中使绘图在 Canvas 上可拖动

Jquery slider 在第一次加载时显示错误

javascript - 用 Angular 将文本包裹在一个圆圈中并限制字符串长度

javascript - 如何制作标题和第一列固定在垂直和水平滚动条上的表格?

css - 如何从左到右放置 DIV 并仅从第一项获取宽度?

css - 具有响应式布局的表单

html - 使用 Bootstrap 在滚动时动画/缩小 NavBar

html - 使用html/css/javascript在菜单li中添加两个背景