html - 无论浏览器如何,如何让一个 div 位于同一个地方?

标签 html css

无论用户屏幕尺寸如何,如何让 div 位于同一个位置。我注意到当我在另一台屏幕更大的计算机上查看我的代码时,我的 div(带有图像)与我的笔记本电脑不在同一个位置,有没有办法让它位于同一个地方无关紧要浏览器?

这是我的代码

#pic {
  padding-left: 300px;
}
#about {
  padding-left: 50px;
  text-align: center;
  padding-right: 100px;
  line-height: 2.5;
  font-size: 120.5%;
}
<div id="pic">

  <img class="errorimage" src="IMG_4847.png" alt="" title="">
  </a>

</div>


<div id="about">


  <h1>Rebekah</h1>


  <h2>Web Design. Google Adwords. Google Analytics.</h2>

</div>

最佳答案

无论缩放如何,您都可以使用position:absolute 使其处于固定位置

此外,即使在滚动时,position:fixed 也会将其保持在窗口中的相同位置

http://www.w3schools.com/cssref/pr_class_position.asp

关于html - 无论浏览器如何,如何让一个 div 位于同一个地方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34272734/

相关文章:

css - 单个 html 页面上的简单多模式文本框

html - 外部表和内部表中表列的宽度相同

html - 使用angular 6单击输入后如何更改框阴影?

html - 背景颜色过渡不起作用

html - Angular 处理条件驱动形式

css - 将大写文本转换为小写,CSS 中的第一个字母除外

jQuery/CSS 全局悬停而不是每个元素

css - 中间标题/两侧菜单

javascript - 将两项相乘,结果在第三项中自行生成

html - 当窗口调整大小时,我的导航菜单消失了