Question

我认为这是星期五，所以我有一个大脑放屁。我不能为我的生活设置一个页面，其左侧元素<aside>约为200px，流体宽度右侧元素<article>占用剩余空间。

很简单，但我遇到了阻塞内联问题。

向正确的方向推进会很棒！

<style>
aside {
    width: 200px;
}

aside, article {
    display: inline-block;
}
</style>


<section>
    <aside>
    This is a section
    </aside>


    <article>
    This is an article that should take up the remaininfg width
    </article>

</section>

Answer 1

我不知道您的浏览器要求是什么，但如果您知道旁边是固定宽度，则可以使用流体容器的宽度：

width: calc(100% - 200px);

以下是calc http://caniuse.com/#search=calc

的浏览器兼容性

获得固定左元素和流体右元素

1 个答案: