位置绝对流体设计

Question

这是4幅图像（宽度= 160像素）的流畅设计，带有ul或浮动的div。 调整窗口大小时一切都很顺利。它很流畅。

但是当我转到一个绝对位置时，我发现不再是160px初始

代码：

  

body {position：relative;} .container {         / 位置：绝对;左：0;顶部：0; / / *删除此评论以查看   差异* /                         保证金：0;填充：0;边框：黑色1px固体;最大宽度：690px; overflow：hidden / clear floated childs /;} .galleryItem {float：   剩下;宽度：23％;保证金：0 1％; padding：1％0;} .galleryItem img {     max-width：100％;} ul {list-style：none;} ul.thumbs
  {/ 位置：绝对;左：0;顶部：100px; / / *删除此评论   看到不同* /                         显示：块;保证金：0;填充：0;边框：黑色1px固体;最大宽度：690px;溢出：隐藏/ 清除漂浮的孩子 /;}     ul.thumbs＆gt; li {display：block;向左飘浮;宽度：23％;保证金：0 1％;   padding：1％0;} ul.thumbs＆gt; li img {display：block;最大宽度：100％;}                                                                          

Answer 1

我认为不要将％和px混合用于液体设计。 而我所拥有的知识可以说，如果位置是绝对的，那么有一些东西是固定的，所以没有液体。 如果你想让液体设计更好地定位在％。 你也可以使用bootstrap css进行响应式设计。