两个DIV如何浮动在一行_CSS学习

资料来源：网络整理时间：2023/3/4 6:41:08 共计：3623 浏览

两个DIV如何浮动在一行？

1、打开html开发软件，在html开发工具上新建一个html页面，用于实现多个div显示在同一行上。

2、在html代码页面上创建两个div标签，然后给这个两个div标签添加class类，案例中class类分别为：one，two。创建div代码：<div>第一个div</div><div>第二个div</div>。

3、创建<style>标签，设置class类one，two样式。需要设置宽、高、浮动、边框以及box-sizing属性。

4、设置好class类属性后，保存html代码，然后使用浏览器打开，即可看到两个div标签显示在同一列上。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。