Html 缩小页面，我的div进入下一行

当我缩小谷歌Chrome浏览器时，我右边的div进入下一行，我试图找出我做错了什么。它可能是一个显示内联块吗？我很困惑，但是你看：

我没有最新的新身份证

#latestnews {   
}

我的左栏和右栏

.left {
    width: 70px;
    float: left;
    margin: 3px;
    height: 60px;
    padding-bottom: 5px;
    border: 1px solid #C2C2C2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #E9E9E9;
}

.right{
    float: left;
    padding-left: 5px;
    margin-left: 10px;
    margin: 3px;
    width: 491px;
    height: 60px;
    border: thin solid #CCC;
    background: #E9E9E9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 5px;
}

它表明：

<div class="left" style="clear:both;"> 
    <div class="date">
        <span class="day">17</span> 
        <span class="month">Feb</span> 
        <span class="year">2014</span>
    </div>
</div><!-- End Left Column -->
<div class="right">right</div>

17
二月
2014
正当

当我缩小时，它显示以下内容：

但在正常情况下，它显示：

---

有没有可能我没有在我的容器中包含任何

#最新新闻

？谢谢你的帮助

我的猜测是，您试图将div上的

float:left

样式放在右侧，这就是您遇到问题的原因

为什么不试着摆脱这两种

float:left

样式，用

display:inline block

替换它们呢。

---

那么你唯一的问题应该是放大。

我一直不明白为什么人们关心他们的页面被放大后的样子。有人能给我一些启发吗？嗯，我想对于屏幕更大的人来说更是如此。我想在更大的屏幕上会显示这样的画面。我不确定。为什么你要在右边的div上有

float:left

？你就不能把

float:right

改为打开吗？我也不明白最近的新闻是从哪里来的。