如何在CSS中实现这个逻辑？

Question

我想要两个div，第一个是大方块，第二个是小方块。 而第二个是在大的内部。大广场至少640px，如果＆gt; 640px，它将获得80％宽度的屏幕。第二个宽度是大方块的宽度-200px。

我可以在CSS中实现这个逻辑吗？或者我需要一个javascript动态设置它？谢谢。

Answer 1

你说的方块是否应该是真正的正方形（宽度==高度），还是只关心宽度和矩形也可以？在后一种情况下，可以使用普通的css来完成：

#big{
    width:80%;
    min-width:640px;
    padding:100px;
}
<div id="big">
   <div id="small">
   </div>
</div>

在此处查看此行动：http://jsfiddle.net/2evFx/