当前位置: 开发笔记 > 运维 > 正文

我给DIV加了个padding：15px结果他的边框错位了

作者：dibaoejx | 来源：互联网 | 2023-06-23 09:25

想让DIV里面的内容靠内部一些（不贴边），用了padding结果DIV边框溢出了。.PhotoP{width:100%;he

想让DIV里面的内容靠内部一些（不贴边），用了padding结果DIV边框溢出了。



        .PhotoP

        {

            width:100%; height:160px; border-bottom:1px dashed gray; padding:15px;

        }

        

              

                   sdadas

6 个解决方案

#1

看截图右下角。。。
那个底部虚线右边溢出了一些，求解决

#2

width:100%去掉

#3

用外层的div的margin比较好一点。

#4

引用 2 楼 skyliuxiuping 的回复:

width:100%去掉

为什么100%去掉就好了？确实好了
但是搞不懂不给DIV加width100%，DIV下边虚线宽度依旧是100%宽度

#5

引用 4 楼 u011335204 的回复:

Quote: 引用 2 楼 skyliuxiuping 的回复:

width:100%去掉

为什么100%去掉就好了？确实好了
但是搞不懂不给DIV加width100%，DIV下边虚线宽度依旧是100%宽度

这个应该和盒模型有关系~

#6

引用 4 楼 u011335204 的回复:

Quote: 引用 2 楼 skyliuxiuping 的回复:

width:100%去掉

为什么100%去掉就好了？确实好了
但是搞不懂不给DIV加width100%，DIV下边虚线宽度依旧是100%宽度

div这个标签本身就是块状元素，会独占一行的，所以你不写宽度，会按外容器的宽度显示～

推荐阅读

容器
胡蜂能进行逻辑推理的研究成果

最新研究表明，胡蜂具备一定的逻辑推理能力，能够进行传递性推理。研究人员通过实验发现，胡蜂在避免电击的测试中，能够正确选择符合逻辑的选项。这项研究成果对于了解无脊椎动物的认知能力具有重要意义，也为解析胡蜂社会结构的进化提供了线索。 ... [详细]

蜡笔小新 2023-12-14 14:05:05
容器
Java容器中的compareto方法排序原理解析

本文从源码解析Java容器中的compareto方法的排序原理，讲解了在使用数组存储数据时的限制以及存储效率的问题。同时提到了Redis的五大数据结构和list、set等知识点，回忆了作者大学时代的Java学习经历。文章以作者做的思维导图作为目录，展示了整个讲解过程。 ... [详细]

蜡笔小新 2023-12-14 13:53:31
容器
Java的集合及其实现类详解

本文介绍了Java的集合及其实现类，包括数据结构、抽象类和具体实现类的关系，详细介绍了List接口及其实现类ArrayList的基本操作和特点。文章通过提供相关参考文档和链接，帮助读者更好地理解和使用Java的集合类。 ... [详细]

蜡笔小新 2023-12-13 14:12:18
容器
电流源并联合并的方法及谐振电路的原理

本文介绍了电流源并联合并的方法，以及谐振电路的原理。谐振电路具有很强的选频能力，通过将电感和电容连接在一起，电流和电压会产生震荡。谐振频率的大小取决于电感和电容的大小，而电路中的电阻会逐渐降低震荡的幅度。电阻和电容组成的电路中，当电容放完电后，电阻两端的电压为0，电流不再流过电容。然而，电感是一种特殊的器件，当有电流流过时，线圈会产生感应磁场，阻止电流的流动，从而使电流不会减小。 ... [详细]

蜡笔小新 2023-12-13 12:49:32
apache
org.apache.catalina.LifecycleEvent类的使用及代码示例

标题： ... [详细]

蜡笔小新 2023-12-13 11:03:10
apache
单点登录原理及实现方案详解

本文详细介绍了单点登录的原理及实现方案，其中包括共享Session的方式，以及基于Redis的Session共享方案。同时，还分享了作者在应用环境中所遇到的问题和经验，希望对读者有所帮助。 ... [详细]

蜡笔小新 2023-12-12 19:23:28
docker
Docker容器技术中限制容器对CPU的使用方法

本文介绍了在Docker容器技术中限制容器对CPU的使用的方法，包括使用-c参数设置容器的内存限额，以及通过设置工作线程数量来充分利用CPU资源。同时，还介绍了容器权重分配的情况，以及如何通过top命令查看容器在CPU资源紧张情况下的使用情况。 ... [详细]

蜡笔小新 2023-12-12 18:31:07
docker
集合的遍历方式及其局限性

本文介绍了Java中集合的遍历方式，重点介绍了for-each语句的用法和优势。同时指出了for-each语句无法引用数组或集合的索引的局限性。通过示例代码展示了for-each语句的使用方法，并提供了改写为for语句版本的方法。 ... [详细]

蜡笔小新 2023-12-12 15:34:14
docker
Python SQLAlchemy库的使用方法详解

本文详细介绍了Python中使用SQLAlchemy库的方法。首先对SQLAlchemy进行了简介，包括其定义、适用的数据库类型等。然后讨论了SQLAlchemy提供的两种主要使用模式，即SQL表达式语言和ORM。针对不同的需求，给出了选择哪种模式的建议。最后，介绍了连接数据库的方法，包括创建SQLAlchemy引擎和执行SQL语句的接口。 ... [详细]

蜡笔小新 2023-12-12 15:23:06
docker
position属性absolute与relative的区别和用法详解

本文详细解读了CSS中的position属性absolute和relative的区别和用法。通过解释绝对定位和相对定位的含义，以及配合TOP、RIGHT、BOTTOM、LEFT进行定位的方式，说明了它们的特性和能够实现的效果。同时指出了在网页居中时使用Absolute可能会出错的原因，即以浏览器左上角为原始点进行定位，不会随着分辨率的变化而变化位置。最后总结了一些使用这两个属性的技巧。 ... [详细]

蜡笔小新 2023-12-12 13:16:49
docker
开发笔记:Docker 上安装启动 MySQL

篇首语：本文由编程笔记#小编为大家整理，主要介绍了Docker上安装启动MySQL相关的知识，希望对你有一定的参考价值。 ... [详细]

蜡笔小新 2023-12-12 13:01:06
服务器
Oracle优化新常态的五大禁止及其性能隐患

本文介绍了Oracle优化新常态中的五大禁止措施，包括禁止外键、禁止视图、禁止触发器、禁止存储过程和禁止JOB，并分析了这些禁止措施可能带来的性能隐患。文章还讨论了这些禁止措施在C/S架构和B/S架构中的不同应用情况，并提出了解决方案。 ... [详细]

蜡笔小新 2023-12-12 12:55:55
服务器
Spring常用注解（绝对经典），全靠这份Java知识点PDF大全

本文介绍了Spring常用注解和注入bean的注解，包括@Bean、@Autowired、@Inject等，同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用，以及@Autowired和@Inject的区别和用法。此外，还提到了@Required属性的配置和使用。 ... [详细]

蜡笔小新 2023-12-12 10:15:07
服务器
Java的公式汇总及相关知识介绍

本文介绍了Java的公式汇总及相关知识，包括定义变量的语法格式、类型转换公式、三元表达式、定义新的实例的格式、引用类型的方法以及数组静态初始化等内容。希望对读者有一定的参考价值。 ... [详细]

蜡笔小新 2023-12-11 16:30:10
服务器
微软的STL容器类实现是否线程安全？

本文讨论了微软的STL容器类是否线程安全。根据MSDN的回答，STL容器类包括vector、deque、list、queue、stack、priority_queue、valarray、map、hash_map、multimap、hash_multimap、set、hash_set、multiset、hash_multiset、basic_string和bitset。对于单个对象来说，多个线程同时读取是安全的。但如果一个线程正在写入一个对象，那么所有的读写操作都需要进行同步。 ... [详细]

蜡笔小新 2023-12-11 11:53:23