我在移动设备上显示内联 div 时遇到问题。所以代码在 PC 上运行良好，但是当我在移动设备上访问我的网站时，我只是没有以正确的方式显示 div。
图像 div 位于带有文本的 div 之上(应该是内联的)。这不是宽度的情况，因为即使我将图像的宽度更改为 5px，这个小图像仍然在上面而不是紧挨着。
示例:http://www.filmypodobnedo.pl/matrix/
整个事情是关于列出与所选电影相似的电影(在示例矩阵中)，列出的电影(图像 + 文本应内联显示，适用于 PC 但不适用于移动设备)。
HTML:
<div class="podobny_film">
<div id="zdjecie_podobne">
<img class="featured-project-image" width="100" height="150" alt="Filmy podobne do Equilibrium" src="http://www.filmypodobnedo.pl/photos/Equilibrium.jpg">
</div>
<div id="tekst_podobne">
</div>
CSS:
.podobny_film {
float: left;
width: 80%;
color: #555555;
border-style: dashed;
border-width: 1px;
border-color: black;
padding: 10px;
}
#zdjecie_podobne {
width: 120px;
float: left;
}
#tekst_podobne {
width: 75%;
float: left;
font-size: 16px;
}
最佳答案
将 display:inline-block 添加到 #zdjecie_podobne 和 #tekst_podobne
关于html - 在一行中定位元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19984064/