显示混乱的div大小

时间:2018-11-10 10:17:14

标签: css css3 flexbox

这是在实施Sub Start() Range("A4").Select < > End Sub Sub MessageBox() MsgBox "Hi" & vbCrLf & "Professor", _ vbInformation, "Greetings" End Sub 之前:

image here

代码:

display: inline-flex;

这是在实施.testing { float: right; } 之后:

image here

代码:

display: inline-flex;

1 个答案:

答案 0 :(得分:0)

Float 从正常流程中删除该元素,并使其成为“块”元素。如果display: flex;display: inline-flex;与float一起使用,则float对那个特定元素没有影响。在您的情况下,“ inline-flex”更改div的大小以适合“内联”的特定行;

如果希望元素大小相同且正确对齐,则应使用Flexbox,更具体地说,在父级上使用display: flex;,在子级上使用justify-self: end;。在此处查看更多信息:Justify-self: end