width100%,设置padding或border溢出解决方法
2024-08-29 16:16:09
.box { width: 100px; height: 100px; background: red;}
.bd { width: 100%; padding: 10px; background: black;} <div class="box"><div class="bd"></div> </div>
如上结构,子元素将会溢出
解决方法:CSS3:
加入box-sizing:border-box;属性即可解决
一般的方法:父元素设置padding
例:
<div class="box" style="padding-right: 20px;"><div class="bd"></div></div>
最新文章
- include与require的区别?
- httpclient模拟post请求json封装表单数据
- django部署
- 手机版web相关meta配置
- 枚举全排列(包括数列中有重复数)的C语言实现
- Java多线程系列--“JUC原子类”01之 框架
- ItemsSource绑定后ScrollViewer不复位
- Ipad Safari iframe cookie 当浏览器默认禁用第三方COOKIE
- math汇总
- c#泛型方法返回null的问题
- Python 中translate()与replace()区别
- 理解ruby on rails中的ActiveRecord::Relation
- Ruby 语法快速入门
- java1.5新特性
- android studio或者IntelliJ代码样式的设置
- HTTP协议漫谈
- IPSec协议
- 更改计算机名及使用Secure CRT ssh连接用户添加方法汇总
- 牛客网编程练习之PAT乙级(Basic Level):1041 说反话
- K8S配置安装全过程
热门文章
- [golang学习] 在idea中code &; debug
- 结合源码看nginx-1.4.0之nginx模块组织结构详解
- Android开发 SDK NDK下载
- JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法
- vb6如何将MSHFlexGrid控件中的内容导出为Excel
- Ubuntu16.04安装VMware Tools问题
- Delphi单元文件之-防止程序重复执行
- cordova在app内部指定浏览器打开链接插件:cordova-plugin-inappbrowser
- POJ 1733 Parity game (并查集)
- 剑指Offer28 最小的K个数(Partition函数应用+大顶堆)