问题2：input、textarea、submit 宽度设置为100%，但显示宽度不一致

<style type="text/css">

    body{

        padding: 10px;

    }

    input,textarea{

        width: 100%;

    }

</style>

<body>

    <input type="text" name="" id="" value="" />

    <textarea rows="5" cols="50">....</textarea>

    <input type="submit" name="" id="" value="提交" />

</body>

运行结果如图：

解决方案：

样式表中添加css3的box-sizing属性

*{

    box-sizing: border-box;

  }

修改后运行结果如下：

巴特西

问题2：input、textarea、submit 宽度设置为100%，但显示宽度不一致

最新文章

热门文章