div宽度设置width:百分百后，设置padding或margin超过父元素解决方案

前言
今天分享下”div宽度设置width:百分百后，设置padding或margin超过父元素解决方案“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。文中详细介绍的是利用CSS3的新属性box-sizing，处理div总宽设置width:100%后再设置padding或margin超过父属性的难题，有须要的朋友们能够参照借鉴。
语法

1

​​box-sizing: content-box|border-box|inherit;​​

值一，content-box

​​​​
​​<​​​​html​​​​>​​
​​<​​​​head​​​​>​​
​​<​​​​style​​​​> ​​
​​div.container​​
​​{​​
​​width:100%;​​
​​border:1em solid;​​
​​padding:15px;​​
​​box-sizing:border-box;​​
​​}​​
​​div.box​​
​​{​​
​​box-sizing:border-box;​​
​​-moz-box-sizing:border-box; /* Firefox /​​
​​-webkit-box-sizing:border-box; / Safari */​​
​​width:100%;​​
​​border:1em solid red;​​
​​float:left:http://www.qlyl1688.com ;​​
​​padding:15px;​​
​​}​​
​​</​​​​style​​​​>​​
​​</​​​​head​​​​>​​
​​<​​​​body​​​​>​​

​​<​​​​div​​​ ​​class​​​​=​​​​"container"​​​​>​​
​​<​​​​div​​​ ​​class​​​​=​​​​"box"​​​​>这个 div 占据左半部分。</​​​​div​​​​>​​
​​</​​​​div​​​​>​​

​​</​​​​body​​​​>​​
​​</​​​​html​​​​>​​

                                                                                                                                剪切                 复制                 粘贴                 左边插入  列                 右边插入  列                 上方插入  行                 下方插入  行                 合并单元格                 拆分单元格                 删除选中列                 删除选中行                 删除表格                 清空内容

总结
以上是云南仟龙Mark给大家介绍的所有内容,希望对大家有所帮助，如果大家有任何疑问请在脚本之家留言，如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！