html - 图像对齐占段落的 100%

Question

我正在使用 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 { 文本对齐:对齐；行高:1.5em； }


.img 类:


.img { 宽度:25%；高度:自动；背景:无； }


提前致谢!

Answer 1

您的图片具有宽度和高度属性:

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

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