两个div左边的固定宽度右边的自动填充的css

在网页设计中，我们常常使用各种元素和布局来构建丰富多彩的页面。这里，有一个特别的布局，由两个主要部分构成，它们以一种独特的方式相互呼应。

我们看到的是一个主体区域，宽度占据了页面的大部分，约为98%。这个主体区域分为左右两个部分。左侧部分被设定为一个浮动元素，宽度固定为200像素，有着红色的边框。这部分高度为100像素，可以为页面添加一些特别的元素或者功能按钮，吸引用户的注意力。

右侧部分则是自适应宽度，与左侧部分形成对比。它有着蓝色的边框，高度同样为100像素。这部分的设计可以容纳更多的内容，如文章、图片或者视频等。它可以根据用户的需求自动调整宽度，使得内容在不同的设备和浏览器上都能得到良好的展示。它与左侧部分的布局之间保持了一定的距离，形成了一个视觉上的平衡和美感。

在这两个部分的上方，有一段代码：`cambrian.render('body')`。这可能是某种程序或框架的调用代码，用于渲染页面的主体部分。这段代码的存在，使得整个页面的布局和内容得以动态地呈现给用户。

这个页面布局设计简洁明了，既注重了美观又考虑了实用性。左右两部分的设计既有一定的独立性，又相互呼应，使得整个页面既和谐又富有层次感。这种设计方式既适合展示静态的内容，也适合展示动态的内容，能够吸引用户的目光，提高用户的体验。