*{margin:0;填充：0；框大小：边框框；}.container{宽度：1000px；高度：1000px；边距：100px；背景色：#f60；}.left{/*重点是设置两个元素Fordisplay:table-cell*/display:table-cell;垂直对齐：顶部；宽度：20%；最小宽度：200px；高度：400px；背景色：#ccc；}.right{显示：表格单元格；垂直对齐：顶部；/*即使设置宽度为2000px，元素的内容仍然可以正常显示*/width:2000px;高度：600px；背景色：#f10；}css实现元素水平对齐css实现水平对齐，如图，有人会说css实现这种水平对齐不好兼容用ie8？用float:left或者display:inline-block不就可以了吗？是的，最常用和最简单的方法就是上面两种，但是还有一种方法可以实现，那就是使用display:table-cell;示例代码*{margin:0;填充：0；框大小：边框框；}.container{宽度：1000px；高度：1000px；边距：100px；背景色：#f60；}.left{/*重点是设置两个元素Fordisplay:table-cell*/display:table-cell;垂直对齐：顶部；宽度：20%；最小宽度：200px；高度：400px；背景色：#ccc；}.right{显示：表格单元格；垂直对齐：顶部；/*即使设置宽度为2000px，元素的内容仍然可以正常显示*/width:2000px;高度：600px；背景色：#f10；}左
