css对齐的问题？ 财富值5？

酒精麻痹神经 2022-08-24 10:10

开发者_JAVA技巧

去看看我的文章你就彻底明白了https://segmentfault.com/a/11...

---

xueliandox 开发者_开发技巧 2022-08-24 10:12

其实问题的关键出在boder：1px 或者更明确一点：出在题主对于标准盒模型的的理解上，标准盒模型中，width是不包含border的，然而，你先是设置了 .item-logo和.item 的宽分别是20% 和80%，题主的愿意本来是想让这两个占满这一行，但是因为加了border，所以.item-logo和.item 的实际宽度应该是20%+2px(左右border各1px) 和80%+2px(左右border各1px) 所以一行是放不下的，因为两个元素都设置了浮动，所以在这种情况下，.item元素实际上会移到下一行，题主可以通过设置.item为70% 或者设置border:0来验证一下

---

沉鱼一梦0818 开发者_如何学C 2022-08-24 10:29

float就不用display了，inlineblock本来就是显示在一行的。或者给父元素加display：flex，两个子标签分别加flex:20%和flex:80%。

---

462710480 开发者_开发问答 2022-08-24 10:33

不需要 float 吧，对齐用 vertical-align

---