Html 内容区占屏幕宽度的100%

我试图复制基于主题的页面的基本结构

我尝试使用引导行和列，这似乎造成了它自己的问题，当尝试使用自定义css引导时，它不能作为主题

在当前情况下，主内容占100%，侧菜单约为250px，因为侧导航具有固定位置主内容区域占屏幕的100%，我希望主内容占剩余空间内容区域-侧导航

我可以使用

.side content{width:calc（100%-250px）！important}

但是我很好奇他们是如何做示例主题的，因为我看不到使用calc函数的

body{font-family:'opensans'，Sans-serif；}
.侧面内容{背景色：红色；带D:100%；浮动：左侧；
最大宽度：100%！重要；
宽度：100%！重要；
边距：0！重要；
溢出：隐藏；
背景色：#ccc；
}
.侧导航{
文本对齐：居中；
背景色：#fcfc；
位置：固定；
宽度：250px；
身高：100%；
排名：0；
右：0；
z指数：9002；
-webkit盒阴影：2px4p2pRGBA（0,0,0,15）；
盒影：2px4p2pRGBA（0,0,0,15）；
}
.img标志{
边缘顶部：50px；
垂直对齐：中间对齐；
最大高度：100%；
宽度：100%；
最大宽度：150px；
}
.nav菜单{
列表样式：外部无；
填充顶部：30px；
边缘顶部：30px；
左侧填充：0px；
}
.nav菜单>li{
保证金：0；
z指数：203；
显示：块；
浮动：左；
宽度：100%；
浮动：无；
位置：相对位置；
字体大小：15px；
字号：600；
文本转换：大写；
填充：5px15px；
}
.main-c{背景：黄色；}
.sone{位置：相对；宽度：100%；高度：100%；背景：蓝色；}

页面标题在这里！

家
关于我们
我们的菜单
特价
推荐书
画廊

第一节
这是介绍区

第二节-关于我们
第三部分-我们的菜单

@在你的参考主题中，他们使用了右边填充：250px！重要的；在身体上。所以没有必要使用任何计算函数。我要找的是，我检查了几乎每个标签，除了body标签。我很高兴，我可以帮助你。