Question

在我添加了定义文本背景颜色的div之后，'Ime'的整个值转到了新行。为什么？这样的事情：
IME：
斯蒂芬

这是代码：

   <div class="rightmiddle">
<?php 
while ($row = mysql_fetch_array($query)){
    ?>
<div class="divmobilni">
<div class="floatright"><img src="images/nokia-lumia-720.jpg" height="66px" width="50px" /></div>
Ime:<div class="imepozadina"> <?php echo $row['Ime'];?></div>
Okrug: <?php echo $row['Okrug'];?>
<br />
Telefon: <?php echo $row['Telefon'];?>
</div>
<br />
<?php } ?>
</div>
</div>

的CSS：

imepozadina{
background-color:red;
width:auto;

}

Answer 1

这是因为<div>默认显示为块元素，占用宽度的100％而没有进一步的样式。

您可以添加display: inline或display: inline-block，以便将div缩小到其内容宽度。

有关CSS中display的更多信息，请参阅here。

Answer 2

如果将width属性设置为auto，浏览器将自动计算，并占用所有可用空间。它是div和P的默认值，用于理解设置div 100％宽度与自动查看此答案之间的区别[difference between width auto and width 100 percent

添加div后，值将进入新行

2 个答案: