html – 向左浮动两个元素?

html – 向左浮动两个元素?,第1张

概述我想我需要一些浮动概念的更多帮助.这次我的问题围绕左侧浮动两个或更多元素.这是如何工作的?我知道浮动会将元素的子元素从页面上抬起并将它们一直移动到左侧.所有其他元素都通过环绕来回应……但浮动两个元素的概念如何适用于此? 这就是我的理解:说我有两个DIV,a和b.向左浮动,b的内容将环绕它…但如果我向左浮动b …内容如何响应? 编辑:这是我正在搞乱的事情,看看我是否能理解这个概念. 第一个DIV有一 我想我需要一些浮动概念的更多帮助.这次我的问题围绕左侧浮动两个或更多元素.这是如何工作的?我知道浮动会将元素的子元素从页面上抬起并将它们一直移动到左侧.所有其他元素都通过环绕来回应……但浮动两个元素的概念如何适用于此?

这就是我的理解:说我有两个div,a和b.向左浮动,b的内容将环绕它…但如果我向左浮动b …内容如何响应?

编辑:这是我正在搞乱的事情,看看我是否能理解这个概念.

第一个div有一个内联样式,它向左浮动…但是看看没有内联样式边距的第二个div是如何古怪的?…当div浮动到左边时它没有显示这个古怪的边缘也.

编辑:我知道内联样式很糟糕……我只是用它们来展示一个例子.

解决方法 这是一系列非常全面的教程: Floatutorial.通过遵循教程,浮动的工作原理变得非常清楚.

要回答你的具体问题:如果你有两个浮动元素:left,那么周围的内容将包装第二个元素,然后是第一个元素,如果剩下空间的话.

示例:http://jsfiddle.net/ak736

总结

以上是内存溢出为你收集整理的html – 向左浮动两个元素?全部内容,希望文章能够帮你解决html – 向左浮动两个元素?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1073679.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存