<UL> 问题和<LI>样式机智修复了 witdh



我正在尝试创建一个浮动在图像右侧的列表。因此,首先要更好地理解,这里是小提琴:

http://jsfiddle.net/xpGbD/1/

列表和图像都包含在浮动的相互DIV中。我的目标是让列表有一个Key:Value对,但有些值比其他值长得多。

这会产生一个问题,即当值大于(DIV)-(Image)时,列表会跳到图像上方,除非我在向右浮动时为列表指定固定宽度。

问题是-我没有固定的IMG宽度,所以如果图像的宽度为100px,这将在列表和图像之间产生很大的间隙。

另一方面,如果我在LI元素上固定一个宽度,它会起作用,但如果图像的宽度变大,它会断裂。。。

所以问题是:

如何在不指定宽度的情况下将LIST元素浮动到图像右侧??

Ps-另一个相关问题:当前状态-当列表VALUE较长时,键位于该值的上方。我希望它从同一行开始,如果需要流动,请在VALUE区域a下方流动,而不是关键区域(因此是)

让我看看我是否明白了。。。当您尝试浮动宽度未知的HTML元素时,请设置CSS属性

display: inline;

适用于所有浮动元素。

请注意,具有不同宽度的元素将不会有排列的网格视图(表格视图)如果您想要一个表视图:那么您应该指定宽度或使用table标记。

希望这对你有帮助。

被绝对定位弄糊涂了吗?

http://jsfiddle.net/k4Rh8/

您必须限制图像的最大宽度,调整少数图像的大小有什么问题?不管怎样,当你点击图片时,它会显得更大,对吧?也许是一个灯箱。。。现在你的内容没有fidex宽度的包装,试试这种方式。。。

看一看,div头带锁没有固定的宽度。。。

http://jsfiddle.net/xpGbD/11/

试着调整图像的大小,看看它是否如你所愿。

宽度最小的:

http://jsfiddle.net/xpGbD/12/

只是为了登记,也许在类似的情况下帮助别人。

最新更新