Html 页面上的CSS项目放置

我正在学习设计网页，当然我也遇到了自适应设计，我认为它非常聪明。我确实有一个问题，那就是在页面上放置东西。不确定什么是正确的方法

我现在正在玩手机版的

CSS:

看看是否有人能从代码方面看出我做得不对。。。。。。

---

请温柔一点，我是一个老妇人，正在学习新的技巧，所以看看是否可以尽可能多地用简单的英语表达

你必须在问题本身中包含关于什么不起作用的具体解释，并提供你的代码。谢谢你，网络提基！！代码如下：.MobContainer{display:inlineblock；width:100%；height:auto；margin top:-10px；margin left:auto；margin right:auto；}.MobileTopBar{z-index:-1；left:-12px；position:relative；max width:900px；}.mobiletopNavigationAbout{float:left；height:150px；width:30%；margin left:3%；position:absolute；margin top:-15%；max height:150px；}请编辑您的问题并在其中发布格式正确的代码。不要在评论中。

.MobContainer { 
display: inline-block; 
width: 100%; 
height: auto; 
margin-top: -10px; 
margin-left: auto; 
margin-right: auto; 
} 

.MobileTopBar { 
z-index: -1; 
left: -12px; 
position: relative; 
max-width: 900px; 
} 

.mobiletopNavigationAbout { 
float: left; 
height: 150px; 
width: 30%; 
margin-left: 3%; 
position: absolute; 
margin-top: -15%; 
max-height:150px; 
}