首页 > 解决方案 > 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>

如何避免黄色边距-右

标签: htmlcss

解决方案


根据开发工具,该元素没有任何边距。这可能是某些父元素(<body>#rootdiv.our_products任何其他未命名的容器<div>)的折叠边距。

检查它们并将其删除或添加overflow: hidden<body>如果您想删除滚动


推荐阅读