css 如何让我的div占据整个屏幕的宽度？[closed]

cvxl0en2 于 2023-01-18 发布在其他

关注(0)|答案(3)|浏览(147)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题？**添加详细信息并通过editing this post阐明问题。

昨天关门了。
Improve this question
当我试图让一个div占据整个屏幕宽度时，它只是向右拍摄，我不知道如何修复它。现在我可以将位置设置为固定，然后设置垂直和水平尺寸，但我不想这样做，因为我希望这是相当响应。
html如下所示：

<div className="helloDiv">
      <button>hello</button>
    </div>

css如下所示：

.helloDiv{
  width:100vw;
    border: blue solid 2px;
}

结果如下图所示：

3条答案

尝试将包含div“helloDiv”的组件的左边距设置为0px，从而：

.parentdiv{
  margin-left: 0px
}

如果不起作用，尝试将body元素的左边距设置为0px，使：

body{
 margin-left: 0px
}

这是因为“helloDiv”的父div有一个特定的宽度，它从左边占用了一些空间，可能是为了边距或定位。确保你的父div从左边开始：0px或没有任何边距。

试试看：

.helloDiv {
       position: absolute
       left: 0px;
       width: 100%;
    }