Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 保留左侧79%的固定边栏，但仍然没有空格_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 保留左侧79%的固定边栏，但仍然没有空格

Css 保留左侧79%的固定边栏，但仍然没有空格

css

Css 保留左侧79%的固定边栏，但仍然没有空格,css,Css,我想保持一个旋转的固定侧边栏，距离左边79%，但当我添加空白：nowrap它会弄乱位置。也许更容易让侧边栏与中间div保持精确的px距离 ^这是我一直想要的。但当我调整浏览器的大小时，它会像下面的图片一样。当我添加空白时：nowrap导致左侧：79%将变得不稳定。侧边栏元素在其一侧旋转，这意味着宽度：25%将使侧边栏的高度为窗口宽度的25% 解决方案是删除宽度：25%规则。将您的转换属性更新为： 这将使侧边栏文本垂直居中。您可以使用translateX值来获得所需的结果。空白不接受无作为值

我想保持一个旋转的固定侧边栏，距离左边79%，但当我添加
空白：nowrap它会弄乱位置。也许更容易让侧边栏与中间div保持精确的px距离








^这是我一直想要的。但当我调整浏览器的大小时，它会像下面的图片一样。当我添加
空白时：nowrap导致<代码>左侧：79%
将变得不稳定。
侧边栏元素在其一侧旋转，这意味着
宽度：25%
将使侧边栏的高度为窗口宽度的25%

解决方案是删除
宽度：25%
规则。将您的
转换
属性更新为：


这将使侧边栏文本垂直居中。您可以使用
translateX
值来获得所需的结果。
空白
不接受
无
作为值-您到底想实现什么？（看）@Luca对不起，我是说nowrap.：这似乎对我有用。这可能是一个特定的浏览器问题吗？

#sidebar-miniright {
position: fixed;
top: 50%;
left:79%;
width:25%;
/* Safari */
-webkit-transform: rotate(-270deg);
/* Firefox */
-moz-transform: rotate(-270deg);
/* IE */
-ms-transform: rotate(-270deg);
/* Opera */
-o-transform: rotate(-270deg);
transform: rotate(-270deg);
}

.sidebar-right {
width:auto;
}



-webkit-transform: rotate(-270deg) translateX(-50%);
-moz-transform: rotate(-270deg) translateX(-50%);
-ms-transform: rotate(-270deg) translateX(-50%);
-o-transform: rotate(-270deg) translateX(-50%);
transform: rotate(-270deg) translateX(-50%);