html - marging 向右扩展页面的宽度?如何禁用它
问题描述
我在定位方面遇到问题,当我将元素向左移动时,它在右侧创建了空白区域,正在形成一个黄色的不需要的边距,解决方案是什么?
css
.product_4{
width: 40vw;
position: relative;
left: 52vw;
bottom: 24vw;
}
html
<div className="product_4">
<StorefrontIcon id="product_4_img"/>
<h1 className="product_4_text">ViewInventory</h1>
<p id="product_4_p">Canola, flax seeds, peas and lentils are widely produced and exported grains in Canada...</p>
<Link to="/" id="product_4_btn">Explore More</Link>
</div>
如何避免黄色边距-右
解决方案
根据开发工具,该元素没有任何边距。这可能是某些父元素(<body>
、#root
或div.our_products
任何其他未命名的容器<div>
)的折叠边距。
检查它们并将其删除或添加overflow: hidden
,<body>
如果您想删除滚动
推荐阅读
- elasticsearch - 如何在弹性搜索中查询不区分大小写的字符串
- javascript - Javascript 不适用于我的模态 html?
- c# - 如何使用内存
在大型数组上(与数组不同,它没有 LongLength 属性) - loops - 为什么有一个 = 登录循环宏用于从文件中读取行?
- contextmenu - 在 React 测试库中触发右键单击事件后出现测试上下文菜单
- javascript - 默认导出类的新实例
- swift - 从最接近但小于另一个值的数组中获取值
- typescript - Typescript 编译器工作不正常?
- r - 如何在函数中使用 ifelse 进行变异
- php - 嵌套的 While 循环?