Question

为什么colorbox不能自动调整宽度？相反，它显示了一个水平滚动条。

这是模型中显示的div。

<div style="width:900px">
    <div style="float:left;width:640px;height:640px;text-
align:center;background-color:#666;">
        <img src="xyz.gif" alt="#" />
    </div>
    <div style="float:left;background-color:#eee;min-width:260px">
        Show buttons here that must show
    </div>
</div>

如何确保我的颜色框模型自动展开以显示900px div 没有滚动条？

div为708px。从哪里获得这个价值？

另一个问题：高度有时是34px，有时是600px +，即使我点击相同的链接。

This is wrapping divs from firebug:
<div id="colorbox" class="" style="padding-bottom: 42px; padding-right: 42px; display: block; position: absolute; width: 708px; height: 542px; top: 0px; left: 337px;">
<div id="cboxWrapper" style="height: 584px; width: 750px;">
<div id="cboxMiddleLeft" style="float: left; height: 542px;"></div>
<div id="cboxContent" style="float: left; width: 708px; height: 542px;">
<div id="cboxLoadedContent" style="display: block; width: 708px; overflow: auto; height: 522px;">

以某种方式计算父div的宽度。

Answer 1

您指定的宽度为640px ....将其更改为min-width，然后允许它增长。

Answer 2

默认情况下，插件将自身调整为您使用它显示的数字资产的尺寸。但这可以被覆盖。

请参阅插件doc-o并特别注意Dimensions部分（高度，宽度等），并考虑指定100％的值。

ColoBox docs

为什么colorbox不能自动​​调整宽度？

2 个答案:

为什么colorbox不能自动调整宽度？