3回答

好帮手慕星星

2020-11-09

已采纳

同学你好，测试代码显示效果是这样

代码中给header-btn-container元素设置右浮动不起作用，因为col-4类设置了左浮动。即使这样按钮盒子也是在最右侧的。

如果想要里面按钮在最右侧，可以给button设置右浮动

​

祝学习愉快！

0

好帮手慕星星

2020-11-08

同学你好，即使不设置flex布局，有左浮动的样式，也是在右侧显示的

同学是想要怎么设置呢？建议将自己写的代码粘贴上来，老师帮助测试，便于帮助解决。

0

heibo_我是LUFFCIER_0

h .header-container{ background: #fff; border-bottom: 1px solid #dadada; } .header-logo-container,.header-nav-container,.header-btn-container{ height: 64px; } .header-btn-container{ float: right; } .btn-toggle{ padding: 10px; border-radius: 4px; cursor: pointer; } .btn-toggle:hover{ background-color:#f9f9f9; } .btn-toggle-bar{ display: block; width: 24px; height: 4px; background-color: #363636; border-radius: 2px; } .btn-toggle-bar+.btn-toggle-bar{ margin-top: 4px; } .btn-toggle:hover .btn-toggle-bar{ background-color: #1428a0; } .header-logo{ display: flex; width: 136px; height: 100%; align-items: center; }

h020-11-08

共1条回复

好帮手慕星星

2020-11-08

同学你好，意思在现在的基础上，给header-btn-container元素添加右侧浮动没有效果吗？

这是因为col-4类设置了左浮动，当左浮动和右浮动同时存在的时候，右浮动失效。记住这种效果就好。

祝学习愉快！

0

heibo_我是LUFFCIER_0

h 我意思是不用display:flex；只用float:right

h020-11-08

共1条回复