Css 垂直导航旁边的内容未正确对齐

我已经将我的垂直导航设置为10%的宽度，将我的内容设置为90%的宽度，但我似乎无法让它们正确地并排放置。我尝试过float:left和display:inline块，但似乎没有任何效果。任何帮助都将不胜感激

@进口urlhttp://fonts.googleapis.com/css?family=Play; /*CSS重置*/ html、正文、div、span、小程序、对象、iframe、， h1、h2、h3、h4、h5、h6、p、块报价、预， a、 缩写，首字母缩写，地址，大，引用，代码， del、dfn、em、img、ins、kbd、q、s、samp、， 小、走向、强、次、辅助、tt、var、， b、 u，i，中心， dl，dt，dd，ol，ul，li， 字段集、表单、标签、图例、， 表格、标题、正文、tfoot、THAD、tr、th、td、， 文章、旁白、画布、细节、嵌入、， 图，figcaption，页脚，页眉，H组， 菜单、导航、输出、ruby、节、摘要、， 时间、标记、音频、视频{ 保证金：0； 填充：0； 边界：0； 字体大小：100%； 字体：继承； 垂直对齐：基线； } /*旧浏览器的HTML5显示角色重置*/ 文章，旁白，细节，图表， 页脚、页眉、H组、菜单、导航、节{ 显示：块； } 身体{ 线高：1； } ol，ul{ 列表样式：无； } 区块报价，q{ 报价：无； } blockquote:before，blockquote:after， 问：之前，问：之后{ 内容：； 内容：无； } 桌子{ 边界塌陷：塌陷； 边界间距：0； } .clearfix:之前， .clearfix:之后{ 内容：； 显示：表格； } .clearfix:之后{ 明确：两者皆有； } /* ----- */ .main标题{ 背景：rgb255,50,50； 填充：20px； } .main标题h1{ 字体系列：播放； 颜色：RGB255255255； 字体大小：24px； } .主导航{ 填充：12px； 宽度：10%； 高度：900px； 字体系列：播放； 字号：18px； 背景：rgb255,50,50； 浮动：左； } .main导航ul{ 填充：0； 保证金：0； 列表样式类型：无； 列表样式：无； } 李美玲先生{ 宽度：100%； 填充：2px； } 李美华先生{ 文字装饰：无； 颜色：RGB255255255； 填充：12px； 宽度：100%； -webkit框大小：边框框；‌​ -moz框大小：边框框； 框大小：边框框； 显示：内联块； 边框：1px实心RGB255100100； } .main导航ul li a：悬停{ 背景：RGB255255255； 颜色：rgb0,0,0； } .主要内容{ 填充：8px； 显示：内联块； 宽度：90%； 保证金：0自动； -webkit框大小：边框框；‌​ -moz框大小：边框框； 框大小：边框框； } .文章{ 背景：RGB22222； 填充：8px； 保证金：0自动； 边框：1px实心RGBA22222,0.5； 宽度：90%； 字体系列：播放； } 临时雇员 自动感应加速器 你好 设置导航和内容块的最大宽度属性，而不仅仅是宽度，似乎可以解决以下问题：

.mainNavigation {
  max-width:10%;
}

.mainContent {
  max-width: 90%;
}

根据预期的布局，您可能有其他选项来解决此问题。例如，考虑不要设置.MeNeult.

的宽度。主导航div具有12px填充。除非将框大小更改为边框框，否则这意味着mainNavigation的宽度为10%加上24px 2*12px，因此它不适合与90%宽度的mainContent div相邻

“框大小：边框框”表示元素宽度为90%，包括给定的填充或边框注：它不适用于边距

如今，设置框大小是很常见的：全局设置框边框，这是一种更直观的方法。您可以将其放在主css文件的顶部：

*,
*:before,
*:after {
    box-sizing: border-box;
}

---

重复的重复谢谢你的输入，不幸的是这不是我想要的。我希望我的“.mainContent”始终占据屏幕的90%，而您建议的方法没有实现这一点。谢谢你的努力，非常感谢。非常感谢你，这几天来一直让我发疯，你是我的救世主。