我正在使用 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%;高度:自动;背景:无; }
提前致谢!
最佳答案
您的图片具有宽度和高度属性:
<img src="img/spacer.png" width="100%" height="100%" />
移除它们,它将显示为自然大小。
关于html - 图像对齐占段落的 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8716442/