CSS Calc替代文本输入字段宽度

Question

我需要一个CSS calc替代浏览器（如默认的Android浏览器），它不支持动态定义输入文本字段的宽度，只留下一个空间用于提交按钮。< / p>

我的实际CSS代码：

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

我试过这个，改编自here，但没有成功：

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

Answer 1

在某些情况下，您可以使用带有不可见边框的技巧和You will need the Eigen2 library (libeigen2-devel) and CMake (only tested under Linux). $ mkdir release $ cd release $ cmake ../ $ make 尺寸调整模型

＆＃13;

＆＃13;

border-box

＆＃13;

.calc .content {
    background: red;
    height: 250px;
}
.noCalc .content {
    background: green;
    height: 250px;
}
.calc {  
    width: calc(100% - 100px);
}
.noCalc {
    box-sizing: border-box;
    width: 100%;
    border-right: 100px solid transparent;
}

＆＃13;

＆＃13;

＆＃13;