这是用于布局的代码笔: http ://codepen.io/justdade/pen/hDzAv
我希望“.small”元素漂浮在“#big”元素下,而不是仅仅跳出那里。这是否可以仅使用 CSS 来实现,或者你能给我一个想法,我应该如何使用 JS/jQuery 来实现它?
谢谢你。
这是用于布局的代码笔: http ://codepen.io/justdade/pen/hDzAv
我希望“.small”元素漂浮在“#big”元素下,而不是仅仅跳出那里。这是否可以仅使用 CSS 来实现,或者你能给我一个想法,我应该如何使用 JS/jQuery 来实现它?
谢谢你。
据我所知,你不能单独使用 css 来实现这一点——你需要布置元素并使用 javascript 改变它们的位置。
由于从头开始编写这将是一项乏味的任务,我建议查看为您执行此操作的库/插件。
查看砌体插件: http: //masonry.desandro.com/
看看这个:http ://css-tricks.com/animated-media-queries/ ,
transition
您可以使用 css 的属性创建比 masonry 插件更少滞后的动画(至少在 safari 上)