给div加上padding和border,如何不让div整体改变
发布日期:2022-02-22 18:04:17 浏览次数:15 分类:技术文章

本文共 400 字,大约阅读时间需要 1 分钟。

最近要入门H5,遇到很多困惑,所以,每解决一个,我就要写在博客里,以防忘记!

 

给div加上padding和border,如何不让div整体改变?

如果想要实现这样的效果,只需要在这个div块中写入

box-sizing:border-box;

CSS3 box-sizing属性有3个值

1 :  content-box;

我想这个值就是一般浏览器的默认的,div的实际宽度 = div的width + pading + border;(标准盒模型)

2 :  border-box;

这个值可以不让padding盒border影响div的整体大小,div的实际宽度 = div的width (怪异盒模型)

3 :  inherit;

在子元素中写inherit可以继承父元素的box-sizing值;

 

转载于:https://www.cnblogs.com/Ryan777/p/10011367.html

转载地址:https://blog.csdn.net/dianshanban9429/article/details/101311471 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:[SCOI2005]互不侵犯
下一篇:MySQL在DOS界面对database和table增删改查

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2024年04月08日 15时36分36秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

MFC双缓冲+提升绘图效率方法(号称三缓冲):自定义静态背景不频繁擦除(★firecat推荐★) 2019-04-27
VC++关于使用WaitForSingleObject等待线程安全退出,出现死机问题的解决 2019-04-27
VC++ SendMessage和PostMessage使用总结 2019-04-27
VC++ PreTranslateMessage和WindowProc的使用总结 2019-04-27
MFC自定义消息发送机制及CString对象作为消息发送(我误认为PostMessage发了多次,其实没有) 2019-04-27
开源项目推荐:POCO C++ Libraries大全,含MFC的编译及使用 2019-04-27
开源项目推荐:Dlib C++ Libraries使用说明与内存泄漏问题解决(★firecat推荐★) 2019-04-27
写了个VC++ MFC小工具,一键整理Resource.h文件,重新排序并去重复ID(★firecat推荐★) 2019-04-27
MFCButton Memory leak(内存泄露和多字节内存溢出导致不能用的问题) 2019-04-27
好工具推荐系列:Qt多国语言翻译国产软件digital translate 2019-04-27
VC++预编译头文件 – stdafx.h的作用是什么? 2019-04-27
我个人实现的C++之get和set方法,使用宏定义 2019-04-27
成功实现C++调用C#写的库(CLR),我的个人心得与总结 2019-04-27
mono,让C#脱离.NET环境 2019-04-27
FreeCAD v0.19源码编译与VS2017+Qt5环境搭建 2019-04-27
开源项目推荐:我个人中意的Python/C++数学库(★精品收藏★) 2019-04-27
开源项目推荐:Electron,使用网页编程的方式构建跨平台的桌面应用 2019-04-27
Web前端复习知识 2021-06-30
杨辉三角面试题 2021-06-30
linux环境使用docker安装redis、solr等商城系统命令合集 2021-06-30