body 标签不占用所有窗口宽度 +1600px答案

【问题标题】：body tag does't take all window width +1600pxbody 标签不占用所有窗口宽度 +1600px
【发布时间】：2019-10-27 23:57:27
【问题描述】：

我有一个 div 应该只显示一半（设计目的），该 div 适合屏幕

我尝试将 max-width 和 width:100% 设置为身体，但没有成功我遇到了同样的问题

这是 div 样式

.testimonials .right-effect{
   border-radius: 81px;
   background-color: #0be881;
   width: 227px;
   height: 152px;
   transform: rotate(-56deg);
   right: -120px;
   bottom: 0;
 }

和车身风格

body{margin:0}

这是一张有问题的图片，蓝色部分是主体，绿色部分是我的 div

_{（来源：gulfupload.com）}

【问题讨论】：

html 元素中的 style 属性是什么？你确定这不会混淆浏览器吗？
html 没有样式，是的，我在 chrome 和 firefox 中都试过了
可以加个fiddle或者codepen来重现吗？

标签： html css

【解决方案1】：

Use the CSS3 Viewport-percentage feature.（大众）和Calc

这样你就可以像left: calc(50% - 120px + 50vw);那样做某事

50% - 120px 将使您的元素居中（我假设120px 是元素的一半宽度）；

+ 50vw 将元素向右移动（- 50vw 将向左移动）；

不要忘记您的元素必须是 position: absolute 或 position: relative;（相对于 body 或任何其他居中元素）才能正常工作。

【讨论】：

【解决方案2】：

谢谢你，我找到了解决方案，只是我需要隐藏body元素的溢出

body{margin:0;overflow-x:hidden;}

【讨论】：