<div style="position:absolute; top:60px; left:600px">
<h2>Shop</h2>
</div>
如何使用百分比在HTML和CSS中定位div？如上所示，到目前为止，要在div中将div定位，我一直在告诉像素其位置。问题是，当我在移动设备上尝试使用较少像素的网站时，必须滚动查看整个内容。有没有一种方法可以使用百分比来定位div的位置，因此您无需滚动？我可以使用CSS。谢谢。
您可以使用百分比，布局将根据屏幕尺寸自动更改。
<div style="position:absolute; top:5%; left:26%">
<h2>Shop</h2>
</div>在上面的代码中，商店总是相对于设备尺寸5%从顶部和26%左侧出现。
但是这种方法的问题是，您将开始看到许多宽屏的空白区域。更好的方法是使用媒体查询为页面设置不同的样式，以使其在每个屏幕上看起来都不错，而不是让CSS为您处理。您还可以使用引导程序之类的框架，该框架使您可以设置断点，在该断点处可以针对不同的屏幕尺寸切换到不同的布局。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句