0

我正在使用 tinyscrollbar 插件，并且我有一个段落应该是和图像（与文本对齐）。当我把它放在那里时，它需要 100% 的宽度和 100% 的可见（我说我正在使用滚动条）高度。如何解决？

<div id="descriptionContainer" style="width: 100%; height: 60%; bottom: 20px; border: none; ">
    <div id="scrollbar1">
        <div class="scrollbar">
            <div class="track">
                <div class="thumb">
                    <div class="end"></div>
                </div>
            </div>
        </div>
        <div class="viewport">
            <div class="overview">
                <p> <img src="myImage.png" align="left" width="350" height="400" /> Lorem ipsum dolor sit amet consectetur.... </p> 
            </div> 
        </div> 
    </div> 
    <img src="img/spacer.png" width="100%" height="100%" />
</div>

p标签CSS：

p { text-align: justify; line-height: 1.5em; }

.img 类：

.img { width: 25%; height: auto; background: none; }

提前致谢！

4

2 回答 2

5

您的图像上有宽度和高度属性：

 <img src="img/spacer.png" width="100%" height="100%" />

删除它们，它将显示为自然大小。

于 2012-01-03T17:57:51.547 回答
0 
<img src="img/spacer.png" width="100%" height="100%" />

那是导致您出现问题的行，如果可能的话，它将占用所有空间。尝试这个：

<img src="img/spacer.png" />

或这个

<img src="img/spacer.png" width="[size]px" height="[size]px" />
于 2012-01-03T17:59:49.517 回答