html - 图像在调整大小时脱离 float 的 div

标签 html css

我有一个包含两个 div 的 div,这两个 div 都向左浮动,因此它们并排放置。在右边的 div 中是一个 youtube 视频和一张图片。当我调整页面大小时,图片和视频都从包含 float 的 div 中流出,而不是那个 div 刚好落在另一个下面。我怎样才能阻止它?

最佳答案

要么添加一个额外的带有clear:both 样式的div,要么使用类似here 的clearfix 类。

我个人推荐使用 clearfix 类。

关于html - 图像在调整大小时脱离 float 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17947339/

相关文章:

html - 可调整大小的导航栏和按钮 'a la' Forbes

html - 具有不继承内联显示的下拉菜单的内联样式菜单

html - 实体 "nbsp"已被引用,但未声明

html - Jquery 同位素 masonry 布局在 Bootstrap 3 中的元素之间留下间隙

javascript - 是否有适用于 VS2010 的所见即所得 Web 编辑器扩展?

jquery - 链接可点击但什么都不做

javascript - 如何创建相互依赖的下拉列表

html - 自定义 CSS 下拉菜单以专注于下拉元素

html - 使用 css-grid 布局的粘性标题下方的粘性侧边栏

CSS "d"路径 - 属性在 Safari、FireFox 中不起作用