刚刚犯了个错误，关于div定位的。

最新推荐文章于 2021-06-17 07:12:52 发布

kobe1qiqi

最新推荐文章于 2021-06-17 07:12:52 发布

阅读量344

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： div 位置居右

本文链接：https://blog.youkuaiyun.com/kobe1qiqi/article/details/52200162

css 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在HTML中如何正确地将DIV元素设置为居右显示。通过使用CSS的float属性，可以轻松实现这一布局需求。文章还提供了一个简单的示例代码来演示具体的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<span style="font-size:18px;">
刚刚脑子一抽，在界面定位的时候，想把一个div居右设置，</span>

<span style="font-size:18px;">
</span>

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size:18px;">结果就顺手写了[ style="aline:right;" ]。结果可想而知，完美GG。</span></span>

<span style="font-size:18px;">
</span>

<span style="font-size:18px;">因为平时很少定位到右边，一般都是默认，或者直接居中，所以刚刚一下子蒙了。</span>

<span style="font-size:18px;">
</span>

<span style="font-size:18px;"><span style="font-family: Arial, Helvetica, sans-serif;">然后一搜索才知道，div居右定位的语法是 :</span>
</span>

<span style="font-size:18px;"><span style="font-family: Arial, Helvetica, sans-serif;">
</span></span>

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size:18px;">【 style="font-family"】</span></span>

<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size:18px;">如：</span></span>

<span style="font-size:18px;"><!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>DIV居右设置</title> 
<style> 
.divringht{float:right;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divringht">DIV居右设置</div> 
</body> 
</html></span>