Safari中的CSS calc属性

Safari中的CSS calc属性,css,google-chrome,safari,webkit,calc,Css,Google Chrome,Safari,Webkit,Calc,因此,请查看以下代码片段: html{ 字体系列:'Roboto Condensed',无衬线; 文本对齐:居中; } em{ 字体:斜体; } h1{ 颜色:444; 字号:700; 位置:相对位置; 边缘底部:30px; 填充:0; 边界底部:0; 字体大小:56px; 文本转换:大写 } h1:之后{ 位置:绝对位置; 宽度:70px; 内容:; 边框底部:6px双ff6b53; 底部:-10px; } p{ 边缘底部:60px; } 跨度{ 背景:rgba255、107、83、0.75

因此,请查看以下代码片段:

html{ 字体系列:'Roboto Condensed',无衬线; 文本对齐:居中; } em{ 字体:斜体; } h1{ 颜色:444; 字号:700; 位置:相对位置; 边缘底部:30px; 填充:0; 边界底部:0; 字体大小:56px; 文本转换:大写 } h1:之后{ 位置:绝对位置; 宽度:70px; 内容:; 边框底部:6px双ff6b53; 底部:-10px; } p{ 边缘底部:60px; } 跨度{ 背景:rgba255、107、83、0.75; 边界半径:3px; 颜色:fff; 字体大小:粗体; 填充物:5px; } .标题1:之后{ 左:calc50%-35px; } .标题2:之后{ 左:50%; 左边距:-35px; } 标题1 使用左侧:calc50%-35px

标题2 使用左边:50%,左边距:-35px