Float：右侧div不会显示内联

Question

我刚刚将我的网站上传到托管，但是当我从桌面上查看时，问题就出现了。

应该向右浮动的“侧边栏”类似乎将其自身发送到页面底部。

当我重新调整浏览器大小以测试网站并检查媒体查询是否有效时，再次最大化浏览器，“关于”部分将自己定位在最初应该具有的位置。

问题似乎只发生在Chrome。 （已在IE和FF中测试，两者看起来都很好）

http://barbsbristol.co.uk/

是网站＆amp;样式表是

http://barbsbristol.co.uk/style.css

＆安培;侧边栏的css位于

之下

.sidebar 
 {
     float:right; 
     display:inline-block;  
     margin-top:50px;  
     width:150px; 
     height:100px; 
     text-align:center;
  }

Answer 1

它在Chrome和其他浏览器中也能正常工作。很少有样式可能会混淆相同的浏览器但不同的版本..我已经在相同的浏览器不同版本中面临这些问题..

为什么不使用Inspect Element＆amp;通过减小宽度来检查？由于它对我来说工作正常，我无法建议任何其他配偶。