css - 以宽度 100% 定位

Question

我不明白为什么 div 类 pic-container 不会与其他 3 个对齐到页面顶部。

每个子 div 的宽度都是 25%。

我觉得我错过了一些明显的东西..

这里的例子: http://tinkerbin.com/NS7vagaq

Answer 1

设置

.pic-container{
    font-size:0;
    }

到显示:内联；

是这样的:

.pic-container{
    font-size:0;
    display:inline;
    }

---

由于您更改了代码的结构，因此上面的代码不再有效，请尝试以下操作:

<div class="pic_container">
    <img src="images/1.jpg">  
    <span class="viewer">  
        <img src="images/2.jpg">
        <img src="images/3.jpg">
    </span>
    <img src="images/4.jpg">
</div>

不需要特殊的 CSS。