【css】 文本框组合 box-sizing的一些用法

来源:互联网 发布:寄生虫淘宝客团队 编辑:程序博客网 时间:2024/05/19 12:35

1. 两个文本框打组合需要画边框

         最外层的容器画好边框,里边文本框的边框可box-sizing:boder-box进行继承使用,边框重叠的问题便使用boder-left或者boder-right进行设置。

<div style="height:50px;width:250px;position: relative;border:1px solid red;"><input type="text" style="width:70%;height:100%;box-sizing: border-box; float:left;" /><input type="button" style="width:29%;height:100%;box-sizing: border-box;border-left:1px solid red;float:left;" /></div>


原创粉丝点击