我正在尝试创建一个浮动在图像右侧的列表。因此,首先要更好地理解,这里是小提琴:
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/
只是为了登记,也许在类似的情况下帮助别人。