<ul>和<li>样式没有固定宽度的问题</li> </ul>

时间:2012-01-30 08:01:35

标签: css positioning html-lists

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

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

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

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

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

另一方面 - 如果我在LI元素上修改宽度,它会起作用,但如果图像的宽度会变大则会中断......

所以问题是:

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

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

3 个答案:

答案 0 :(得分:0)

摆弄绝对定位了吗?

http://jsfiddle.net/k4Rh8/

答案 1 :(得分:0)

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

display: inline;

到所有浮动的元素。

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

希望这会对你有所帮助。

答案 2 :(得分:0)

您将限制图像的最大宽度,调整少量图像的问题是什么?无论如何,当你点击图像时,它会显得更大吗?也许是一个灯箱...现在你的内容没有包含fidex宽度的包装,试试这个......

看一下,div headblock没有固定宽度......

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

尝试调整图片大小,看看它是否正常工作。

最小宽度的那个:

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

只是为了注册,也许在类似的情况下帮助某人。

相关问题