一起创建固定宽度元素和响应元素

Question

我有一个最大宽度为1200像素的页面。

左侧部分为840px或70%其中包含左侧40px详细信息的文章，我希望将其固定，其余800px响应。

文章为100%宽(840px max)，名为homeArtDets的类的元素为40px，名为homeArt的类的元素为{{ 1}}假设有回应。

这里是html结构

95.23809523809524% (800px max, 800/840 * 100)

看看下面的小提琴

我在jsFiddle这里有http://jsfiddle.net/59J5D/

Answer 1

喜欢这个？ http://jsfiddle.net/thirtydot/59J5D/1/

.homeArtDets {
    float: left;
    width: 40px;
}
.homeArt {
    overflow: hidden;
}