Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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
Html 文本输入字段宽度的CSS Calc备选方案_Html_Css - Fatal编程技术网

Html 文本输入字段宽度的CSS Calc备选方案

Html 文本输入字段宽度的CSS Calc备选方案,html,css,Html,Css,对于不支持动态定义输入文本字段宽度的浏览器(如默认的Android浏览器),我需要一个CSScalc替代方案,在右侧只留下一个空间供提交按钮使用 我的实际CSS代码: div .feedburner form input[type=text] { width: calc(100% - 76px); } 我尝试了这个,改编自,但没有成功: div .feedburner form input[type=text] { /** width: calc(100% - 76px); *

对于不支持动态定义输入文本字段宽度的浏览器(如默认的Android浏览器),我需要一个CSS
calc
替代方案,在右侧只留下一个空间供提交按钮使用

我的实际CSS代码:

div .feedburner form input[type=text] {
    width: calc(100% - 76px);
}
我尝试了这个,改编自,但没有成功:

div .feedburner form input[type=text] {
    /** width: calc(100% - 76px); */
    padding-right: 76px;
    width: 100%;
}

在某些情况下,您可以使用不可见边框和
边框框
大小调整模型的技巧

.calc.content{
背景:红色;
高度:250px;
}
.noCalc.content{
背景:绿色;
高度:250px;
}
.calc{
宽度:计算(100%-100px);
}
诺卡尔先生{
框大小:边框框;
宽度:100%;
右边框:100px实心透明;
}

计算
无钙

具体是什么…不起作用?还有,哪个版本的浏览器?-高于安卓4.0。添加您的版本以减少混淆。@Zeratops我不知道在哪里可以找到它:(.浏览器版本通常是:Help>About