u010089114 2022-11-03 21:59 采纳率: 75%
浏览 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日

悬赏问题

  • ¥15 爬取豆瓣电影相关处理
  • ¥15 手机淘宝抓清除消息接口
  • ¥15 C#无selenium
  • ¥15 LD衰减计算的结果过大
  • ¥15 用机器学习方法帮助保险公司预测哪些是欺诈行为
  • ¥15 计算300m以内的LD衰减
  • ¥15 数据爬取,python
  • ¥15 怎么看 cst中一个面的功率分布图,请说明详细步骤。类似下图
  • ¥15 为什么我的pycharm无法用pyqt6的QtWebEngine
  • ¥15 FOR循环语句显示查询超过300S错误怎么办