添加div后，值进入新行答案

【问题标题】：After adding div, value goes in new row添加div后，值进入新行
【发布时间】：2015-01-04 01:32:47
【问题描述】：

在我添加了定义文本背景颜色的 div 之后，'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;

}

【问题讨论】：

标签： html css row

【解决方案1】：

这是因为<div> 默认显示为块元素，它占用 100% 的宽度而无需进一步样式化。

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

请参阅here 以获取有关 CSS 中 display 的更多信息。

【讨论】：

【解决方案2】：

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

【讨论】：