我正在制作一个网站,并希望在各个部分之间添加彩色圆圈背景。 但是,当我旋转圆圈时,它们会增加身体的额外高度。 这会在页面末尾产生多余的空白。

如何删除空白? 或者,如果有人有想法如何在不增加身体高度的情况下跨节添加彩色背景?

到目前为止,这是我所做的:

 .green { width: 400rem; height: 70rem; background-color: rgba(23, 132, 17, 0.2); transform: rotate(30deg); position: relative; left: -40%; bottom: -30rem; } .blue { width: 400rem; height: 70rem; background-color: rgba(34, 116, 165, 0.2); transform: rotate(15deg); position: relative; left: -40%; bottom: 40rem; } 
 <section class="intro"> <div class="container"> <h3><span>Supportive Care</span> reduces the rates of re-hospitalization and unnecessary procedures and increases patient satisfaction. It allows patient/family to be more in tune with what's going on and what choices are available to them.</h3> <h3>We develop a plan of care consistent with the patient/family's cultural, social, religious and spiritual beliefs, review advanced directives and POLST (Physical Orders for Life-sustaining Treatment), discuss prognosis, disease course and realistic expectations, and coordinate care with all the physicians on the case.</h3> </div> <div class="green"></div> <div class="blue"></div> </section> 

圆圈是.blue和.green。 在简介和常见问题之间。

#1楼 票数:0

做一件事。 给你的身体标签

body{
 overflow: hidden;
 width: 100%;
 height: 100vh;
}

否则,将您的课程的父级作为简介的一部分,并将其赋予属性。

  ask by Hip Pham translate from so

未解决问题?本站智能推荐:

1回复

如何在移动视图中删除网站右侧的多余空白

https://comcube.ae/index.html 在移动设备上查看时,我在此网站中获得了一个完整的垂直空白区域。 (在 Google Chrome 浏览器中)我试过margin: auto , width: 100% ; 那种事情......但仍然不正确。 问题出在索引页上。 任何帮助
1回复

删除移动设备(CSS)上多余的水平空白

在移动设备上时,我遇到了额外的空白水平空白添加问题。 一开始它是隐藏的,但是如果我向右滚动或向右滑动,它将变为可见。 我似乎无法确切指出在我的代码中它强制该宽度超过100%的位置。 我的手机<meta name="viewport" content="width=device-wi
1回复

删除顶部的多余空白

我已经制作了一个使用引导轮播主题的网页。 顶部的空白仍然可见。 我要删除它。 我提供了轮播CSS文件和HTML文件。 我曾尝试更改填充和边距,但似乎无济于事。 请帮忙。 我的html文件
2回复

如何删除多余的空白

在完成几乎所有工作之后,我才在该网站的`` 我的网站' '中工作,但我注意到主页的右侧毫无理由地留有空白,它仅出现在主页中而不出现在其他任何页面中。 在首页模板中,我实际上将以下代码添加到了社交链接中 我给了css作为 我只改变了这个CSS,任何人都请帮助我摆脱那空白,谢谢!!
1回复

如何删除部分上的多余空格

我正在尝试删除预订收音机、播客和语音约会的地方下方的额外空间。[在此处输入图片描述][1] 我的代码在下方。 section class="colored-section" id="title"> CSS 部分
2回复

如何删除面板底部的多余空白

我有一个下拉菜单系统。 我的下拉面板包含一个列表菜单和3张图像。 #menu {width:1000px;margin:0px auto 0px auto} #menu #holder{ display: block; width: 100%; list-style:none;marg
2回复

在移动浏览器上查看时如何从网站中删除多余的空白

浏览器正在移动屏幕右侧呈现额外的空白区域。 我尝试修改以下属性但没有任何进展: 它仍然没有删除额外的空白。 我也没有看到任何元素从网格的侧面溢出。 有任何想法吗? 谢谢! 我的网站: fanismahmalat.com
1回复

当我滚动到某个部分的某个部分时,某些元素不会消失

我的代码有一点问题。 如您所见,我的示例分为三个部分。 更确切地landing-page , section和about 。 对于最后两个,我使用CSS grid将它们分成两个小节。 我正在尝试使用jquery实现滚动transition 。 就像,当我滚动超过1/3的sectio