div靠右居右-DIV CSS靠右浮动
p靠右浮动-CSS样式达成DIV盒子居右显示
扩展有关常识阅读：
1、css浮动
2、p浮动
3、p字体居中
4、css内容居中
5、p布局居中
要达成盒子包括（p、span、p、h1、h2、h3）等标签盒子靠右居右显示浮动，需要CSS样式为float，设置值为right(右),即便用css浮动属性样式float设置对象靠右靠左显示。
1、靠右浮动CSS语法： - TOP
float:right
可以设置对象靠右浮动居右显示
2、设置DIV靠右 - TOP
2、指定对象DIV盒子浮动靠右实例
假设HTML中一个DIV对象靠右，大家仅需对其css样式设置float:right即可。
1、设置所有p居右浮动显示
p{float:right}扩展对span靠右
span{float:right}如此在HTML中出现的DIV就会默认被设置为靠右（float:right）
完整css+p html源码如下：
为了便于实践，观察到p是不是靠右，大家CSS命名案例的CLASS应用的选择器名为".pcss5-right"，设置盒子css高为120px,css宽为320px，CSS边框为红色的1px实线边框。
<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metacharset="utf-8"/><title>p靠右浮动案例</title><style>.pcss5-right{width:320px;height:120px;border:1pxsolid#F00;float:right}/*css注释：对pcss5-right设置float:right即可让对象靠右浮动*/</style></head><body><pclass="pcss5-right">我在p内，DIV靠右实例</p></body></html>
对DIV对象设置float:right靠右使用方法实例截图
靠右实例截图：
如此对DIV设置float:right浮动靠右，即可让p靠右显示居右显示，若是对span设置样式同样，span也会靠右显示居右浮动显示。
希望以上内容可以解决您的问题！
如有其他问题欢迎大家一起交流学习！
作者：模板无忧 来源:www.nsxcb.cn 关注：
时间：2021-03-23 12:03
►版权声明：凡注明来源为http://www.nsxcb.cn的均为本站原创，转载请注明来源。
►本文网址：http://www.nsxcb.cn/CSS/CSSrumen/20210323/11769.html
►凡本站提供教程均已验证教程的准确性。
►本文网址：http://www.nsxcb.cn/CSS/CSSrumen/20210323/11769.html
►凡本站提供教程均已验证教程的准确性。
相关教程：
