较小显示器上的进度条重叠(响应式设计问题)

时间:2017-06-28 21:53:18

标签: html css responsive

当我使用较小显示器的设备时,请大家好。进度条将与主要区域重叠(如下图所示)。请帮我。我是一个绝对的初学者。

Progressbar overlapping at small displays

<body id="top">
<img STYLE="position:relative; TOP:4px; LEFT:77px; WIDTH:50px; HEIGHT:50px" id="img1" src="images/cog1.png" alt="cog1">
<script>rotateAnimation("img1",30);</script>       <--- image above progressbar

<div id='progress-bar'>
  <div id='progress-now'></div>     <----- Progressbar
</div>

<div id="cv" class="instaFade">
	<div class="mainDetails">        <----- this is the main area

来自奥地利的问候。谢谢!

1 个答案:

答案 0 :(得分:0)

对于重叠的进度条,给它一个样式属性,左:20%。

不要使用左/右px。它将给元素固定位置