Css 高度:-webkit计算(100%-155px);不在Safari工作

Css 高度:-webkit计算(100%-155px);不在Safari工作,css,safari,Css,Safari,有人知道为什么这在Safari中不起作用吗?在这个站点上,包含滑块的div使用height计算其高度:calc(100%-155px);除了Safari(Safari-specific=height:-webkit-calc(100%-155px);)之外,它对所有浏览器都非常适用 非常感谢您的任何帮助/建议 CSS html, body, #wrapper { height: 100%; } #headerHome {height:146px;} #center {

有人知道为什么这在Safari中不起作用吗?在这个站点上,包含滑块的div使用height计算其高度:calc(100%-155px);除了Safari(Safari-specific=height:-webkit-calc(100%-155px);)之外,它对所有浏览器都非常适用

非常感谢您的任何帮助/建议

  CSS
  html, body, #wrapper { height: 100%; }

  #headerHome {height:146px;}
  #center {
    height: 100%;
    width:100%;
    overflow: hidden;
    height: -moz-calc(100% - 155px);  
    height: -webkit-calc(100% - 155px);     
    height: calc(100% - 155px); 
  }
  .sliderBox{
    width:100%;
    height:100%;
  }

   HTML

  <div id="wrapper">
        <div id="headerHome">
            HEADER STUFF 
        </div>
        <div class="redBorder"></div>
        <div id="center">                
            <div class="sliderBox">
               SLIDER STUFF HERE                    
            </div>                
           <div class="centralWrap">
        MAIN CONTENT HERE           
          </div>
       </div>
    </div>
CSS
html,正文,#包装{高度:100%;}
#头巾{高度:146px;}
#居中{
身高:100%;
宽度:100%;
溢出:隐藏;
高度:-moz计算(100%-155px);
高度:-webkit计算(100%-155px);
高度:计算(100%-155px);
}
.滑盖盒{
宽度:100%;
身高:100%;
}
HTML
标题材料
这里有滑块
这里的主要内容

Safari的
-webkit-calc
功能只适用于版本6及更高版本(buggy)。它永远不会在Windows上工作(Safari for Windows已过时,不应再使用)。

什么版本的Safari,OS?Safari 5.1.7 Windows 7请注意,Safari的实现存在缺陷:谢谢。有人能提出另一种方法来达到这个高度吗?我正在考虑css3灵活的盒子模型方法作为一个可能的解决方案(100%-我不会这么做,因为它很好也很简单。我会添加一些信息,只是为了全面了解情况-上一个windows版本的safari是5.1.7,之后windows版本的safari浏览器停止使用。CSS值“calc”的支持出现在版本6中。