专业网站建设品牌，十四年专业建站经验，服务6000+客户--广州京杭网络
免费热线：400-963-0016      微信咨询  |  联系我们

html怎么左右布局_CSS学习

当前位置：网站建设 > 技术支持
资料来源：网络整理       时间：2023/3/4 3:22:45       共计：3607 浏览

html怎么左右布局？

float实现左右布局

左右布局实现的一个有效方法是利用css中的float属性,代码如下：

//html

//css

.box{

width: 400px;

height: 300px;

background: darkgray;

}

.left-box,.right-box{

width: 50%;

height: 100%;

float: left;//设置两个盒子float:left

}

.left-box{

background: red;

}

.right-box{

background: green;

}

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。
·上一条：如何做好母婴软文推广_CSS学习 | ·下一条：UI设计培训大概需要多长时间_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有