Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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 如何使用绝对位置给出最大宽度_Css - Fatal编程技术网

Css 如何使用绝对位置给出最大宽度

Css 如何使用绝对位置给出最大宽度,css,Css,.工具提示{ 显示:内联块; 位置:相对位置; } .工具提示外部{ 可见性:隐藏; 位置:绝对位置; z指数:1070; 显示:块; 保证金:0; 字体大小:13px; 单词包装:打断单词; 不透明度:0; 文本对齐:左对齐; } .工具提示内部{ 最大宽度:200px; 填充:3px8px; 颜色:fff; 背景色:000; 边界半径:2px; } .工具提示:悬停。工具提示外部{ 能见度:可见; 不透明度:1; } [工具提示方向='右'] { 左:100%; 最高:50%; 左边距:8p

.工具提示{ 显示:内联块; 位置:相对位置; } .工具提示外部{ 可见性:隐藏; 位置:绝对位置; z指数:1070; 显示:块; 保证金:0; 字体大小:13px; 单词包装:打断单词; 不透明度:0; 文本对齐:左对齐; } .工具提示内部{ 最大宽度:200px; 填充:3px8px; 颜色:fff; 背景色:000; 边界半径:2px; } .工具提示:悬停。工具提示外部{ 能见度:可见; 不透明度:1; } [工具提示方向='右'] { 左:100%; 最高:50%; 左边距:8px; 转换:translateX0%translateY-50%; } 盘旋我 不要让恐惧或不安全感阻止你尝试新事物。
您必须同时定义宽度和最大宽度

希望这对您有所帮助

.工具提示{ /*显示:内联块*/ 位置:相对位置; } .工具提示外部{ 可见性:隐藏; 位置:绝对位置; z指数:1070; 显示:块; 保证金:0; 字体大小:13px; 单词包装:打断单词; 不透明度:0; 文本对齐:左对齐; } .工具提示内部{ 最大宽度:200px; 填充:3px8px; 颜色:fff; 背景色:000; 边界半径:2px; } .工具提示:悬停。工具提示外部{ 能见度:可见; 不透明度:1; } [工具提示方向='右'] { 左:80px;/*更改此行*/ 最高:50%; 左边距:8px; 转换:translateX0%translateY-50%; } 盘旋我 不要让恐惧或不安全感阻止你尝试新事物。 如果使用类似于很长文本的文本,则工具提示将与此文本重叠
.tooltip-inner  {
   max-width: 200px;
   width: 100%;
   padding: 3px 8px;
   color: #fff;
   background-color: #000;
   border-radius:2px;
}