首页资讯中心LegendShop 电商平台大讲堂之float学习 - 朗尊软件,企业级电商平台提供商

LegendShop 电商平台大讲堂之float学习 - 朗尊软件,企业级电商平台提供商

发表时间:2019-12-20 阅读:2144
新零售系统电商系统
LegendShop 电商系统大讲堂,为您答疑解惑!

1、浮动(float)

如果想让几个块级元素显示在同一行,可以给这些块级元素增加一个Float: left(right  none); 例如:



  • HTML

  • CSS





  • JS

  • HTML5




如果所有子元素都浮动了,父元素会失去高度,会可能会影响页面布局,此时有以下几种方法可以去除浮动;

1)给父元素设置适当的高度




2)给父元素增加一个Overflow: hidden样式, 触发 bfc 模式。






(3)给父元素增加一个clear: both;样式。


(4)隔墙法,增加一个新的div,并去除其左右的浮动。


(5)内墙法。

更多学习资源、电商资讯,请关注http://www.legendshop.cn/



文章来源:广州朗尊软件科技有限公司
【朗尊软件】是中国领先的专业电商平台提供商,秉承着"专业塑造传奇,用心成就电商"的理念,专注于为用户提供一体化的电商解决方案及服务,搭建垂直行业垂直电商一站式营销管理工具。目前拥有自主研发的电子商务平台产品:SAAS云平台、微商城小程序、云商城、云小店、代理商平台、B2B2C商城、B2B大宗交易平台、跨境电商服务、大数据平台搭建、微服务架构等产品、各种定制商城及解决方案。
网站声明:以上内容为朗尊软件官方网站的原创文章,如需转载,请注明出处,谢谢合作!