为什么html浮动不到左边,css解决浮动问题

  为什么html浮动不到左边,css解决浮动问题

  今天按照网上的套路写了小米官网,发现,

  在这一部分中,设置了一个父框,然后将子框设置为左右浮动,代码如下:横幅{宽度:1226px高度:670px背景色:绿色;边距:0自动;}.横幅。banner left { float:left;宽度:234px高度:670px背景色:橙色;}.banner right { float:right;宽度:992px高度:670px背景色:粉色;}结果的效果如下:

  盒子左边不左漂,右边不右漂。看源码显示0或者很小的数字,也就是不是自己设置的数字。

  解决办法:

  在H5颠倒左子框和右子框的顺序,结果检验是可行的。代码是:

  class= banner right /div div class= banner left ullia href= # 手机卡/a/lilia href=# 电视盒子/a/lilia href=# 笔记本显示器平板电脑/a/lilia href=# 家电插线板/a/Lilia href=# 旅行佩戴/a/lilia href=# 智能路由器/a/lilia href=# 电源配件/a/lilia href=# 健康儿童/a/lilia

  虽然问题解决了,但不知道为什么。左右框不是并列的吗?为什么一定要改顺序?

  总结

  关于HTML5 CSS设置浮动但不移动,而是在中间和错误的行的这篇文章到此为止。更多相关HTML5 CSS设置浮动内容,请搜索之前的文章或者继续浏览下面的相关文章。希望你以后能支持我!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: