请问css中怎么解决子元素width 100%加上padding margin溢出问题?
网友回复
如果子元素要增加margin的话就在父元素上增加padding,并在父元素增加 box-sizing: border-box;设置他以后border和padding全会算在你设置的宽度内部。示例代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BFW NEW PAGE</title> <style> body { padding: 20px; margin: 0; } .parent { width: 100%; padding: 20px; background-color: green; border: 1px solid #E74D4D; box-sizing: border-box; } .child { width: 100%; background-color: yellow; } </style> </head> <body> <div class="parent"> <div class="child"> 我是子元素 </div> </div> </body> </html>
sms-activate中的虚拟手机号为啥无法用作google的手机号码验证?
app如何判断自己的网络连接是经过代理传输的?
有没有开源的andriod安卓设备集中管理工具?
acejs如何监听回车并获取上一行文本是否是注释?
SSL证书中OV和DV有啥区别,该如何选择?
python如何批量压缩目录及子目录图片到指定大小内?
google账号如何更改地区与国家?
为啥我的安卓手机chatgpt app打开报错Something went wrong. You may be connected to a disallowed ISP. If you are us
c#如何修改windows的代理设置?
国内华为andriod安卓苹果ios手机如何使用chatgpt4o的app?