u010089114 2022-11-03 21:59 采纳率: 85.7%
浏览 24
已结题

为什么当float的同级元素DIV使用padding-left：100px; 会使float向左移动100px？

请告诉我原因，谢谢

<b style="float:right;font-size: 0.5rem">十二月</b>
<div style="overflow-x:auto;white-space:nowrap;width:100%;border:1px solid black;margin-top:2rem;padding-left:100px;height:2.8rem;">
</div>
  • 写回答

2条回答 默认 最新

  • _yangyi 2022-11-03 22:47
    关注

    你给这两个元素放到同一个div里就不会出现了
    现在是因为给div加了padding-left后就相当于把这个div比原来撑大了100px,它的父级也是比原来大100px，而你的浮动是相对于原来的位置不变 所以感觉上是向左移动了100px
    当你给div增加 box-sizing: border-box;属性之后就不会出现这种情况了
    这里主要是盒模型差异性
    一般盒子宽度是width + padding + border
    加了上面代码就是 padding和border在width中包括了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 11月11日
  • 已采纳回答 11月3日
  • 修改了问题 11月3日
  • 创建了问题 11月3日

悬赏问题

  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上
  • ¥15 c程序不知道为什么得不到结果
  • ¥40 复杂的限制性的商函数处理
  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来