Tag: 液体布局

在CSS中，如何获得一个左侧固定宽度的列，右侧的表使用宽度的其余部分？

所以我试着用纯粹的CSS，从来没有使用表格的布局福音，我真的有。 但是在经历了令人难以置信的痛苦和痛苦之后，我准备放弃。 我愿意努力在CSS中完成一些事情，不要误解我的意思。 但是，如果CSS中完全不可能完成一些布局表中最简单的事情，我不在乎概念纯度是否真的开始遭到殴打。 现在，这可能看起来像我很生气，我是; 我对我浪费的时间感到愤怒，我对QuarkXpress背景下的人感到愤怒，给我无用的固定宽度的devise，我对CSS失败的承诺感到愤怒。 但我并不是要争论， 我真的很想知道一个简单的问题的答案，这个问题将决定我是否再次尝试pure-CSS的东西，或者是否使用它，并在我喜欢的时候使用布局表。 因为我讨厌回到布局表，认为这是不可能的，如果它不是。 问题是这样的：有没有什么办法使用纯CSS的布局，在左侧有一个固定宽度的列，在右侧放置一个数据表，并且让数据表整齐地占据剩余的无论有什么空间？ 也就是说，通过在左侧单元格上具有宽度100％和固定宽度的双单元布局表可以容易地实现相同的布局。

我如何才能在我的主页上显示最近的post与jekyll？

<ul class="entries"> {% for post in paginator.posts %} <li> <a href="{{ post.url }}"> <h3>{{ post.title }}</h3> <p class="blogdate">{{ post.date | date: "%d %B %Y" }}</p> <div>{{ post.content |truncatehtml | truncatewords: 60 }}</div> </a> </li> {% endfor %} </ul> 这显示了我所有的post，我只是想显示最近的。

CSS容器div没有得到高度

我想让我的容器div得到它的孩子身高的最大值。 而不知道孩子将会有多高。 我正在尝试使用JSFiddle 。 容器div是红色的。 这是不显示。 为什么？

浏览器不能缩放到400像素以下？

我正在制定一个液体样式表，它的工作很棒。 有一件事我注意到，Chrome中的浏览器窗口不会调整到400像素以下，它只是在那里停留，而在FF中，我缩小它只停在400px左右，然后popup一个水平滚动条。 当我在手机上打开网站时，它看起来非常完美，大约在320px，所以我知道它的缩放比例低于400px。 我很好奇，如果有人知道这是一个浏览器/桌面的事情，或者如果我应该看看比我的CSS以外的东西。 我没有任何最小宽度的声明，所以我不知道是什么原因造成的。 再次在桌面上它缩小到约400px的最小宽度，并停下来，但是当我打开它在我的手机上，它缩放到手机屏幕的大小约为320px …好奇为什么至less它赢了在桌面上缩小到320像素。 – 编辑 – 另外我不知道这是否重要，但Opera允许它减小到几乎没有…所以它适用于Opera，而不是铬或FF …任何想法？