When an in-line element is set to float, will it automatically become a block-level element display?

<style>
.jf-header-box {
    width: 1100px;
    height: 50px;
    margin: 0 auto;
    background-color: https://api-v5.segmentfault.com/question/-sharp3a5795;
}
.jf-no-login-box {
    float: right;
}
.jf-login-user-img {
    float: left;
    margin: 6px 20px 0 0;
}
.jf-login-user-img img {
    width: 40px;
    height: 40px;
}
</style>
<div class="jf-header-box">
    <div class="jf-no-login-box">
        <a href="https://api-v5.segmentfault.com/question/-sharp" class="jf-login-user-img">
            <img src="http://jfinal.com/upload/avatar/18/93704.jpg">
        </a>
    </div>
</div>

here a is an inline element, which is set to float float: left , and margin is displayed effectively.

float: left

at this point, change to < div class=https://api-v5.segmentfault.com/question/" jf-login-user-img https://api-v5.segmentfault.com/question/"> < / div > , margin shows the effect again.

Whether

automatically becomes a block-level element after you set a float for an in-line element.

Css

Apr.03,2021

tagging a becomes an inline block element, not a complete block element

Previous: Webapp, developed by vue will get token, on the login page, but token will have deadlines. How to deal with token deadlines?

Next: After the installation of redis4.0, the memory continues to rise, how to safely clear the memory?

Countdown, click event?
A timing examination system is triggered if the click event is triggered within 5 seconds, and if it is not triggered, the system marks the correct answer at the end of the countdown. How to implement ...

Html css javascript

Feb.26,2021
Multiple choice questions, how to judge whether the chosen answer is the correct answer?
I got a set of data, which is to choose the type of question. How can I tell if I have chosen the right one answera: "Olympic Games " answerb: "Asian Games " answerc: "Paralympic Games " answerd: "University Games " id: "1772 " question: "f...

Javascript css html

Feb.26,2021
Why not pause after alert, but immediately refresh the address, this alert is written by yourself?
...

Html css javascript

Feb.26,2021
The problem of uploading attachments to the mobile version
do the gods have plug-ins for uploading attachments in the mobile version that can also be uploaded more than one? ...

Html5 node.js css html javascript

Feb.26,2021
What is the current level of support for vw,vh layouts in mobile browsers?
what is the current level of support for vw,vh layouts in mobile browsers? ...

Html5 javascript css html

Feb.26,2021
Running npm run dev on nuxt will report an error as follows
...

Html5 node.js html css javascript

Feb.26,2021
How to implement fixed positioning relative to a specified parent element
the traditional position: fixed; is relative to the window, and there are two main points of the problem . relative to the specified parent element fixed positioning encountered the following problems in mobile development. The green box is the...

Css html javascript

Feb.26,2021
What fullpage plug-in with arrows and dot navigation
as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...

Vue.js html5 html css

Feb.26,2021
Clear floating and flex layout
I would like to ask why the clear floating code I wrote is invalid. and. How to use the flex layout to make the horizontal arrangement of the above two div fill the entire screen. The third div is filled with the bottom location. code is as follows: `...

Html css

Feb.26,2021
Let table be able to separate different colors?
want to explain how to make table different colors? is not different. is . <table> <tr> <td width="100">a< td> <td><a>< td> < tr> <tr> ...

Jquery css3 css html5 table

Feb.26,2021
How to get user id?
there is an h5 page embedded in the encapsulated APP. After the function of issuing an order, how can I get the user s id to add the address and place the order ...

Html css php javascript

Feb.26,2021
On the problem of element movement in canvas
A picture grows slowly when it slides up to a certain extent. Why does it bring out a line that has been entangled all night? I can t find the reason. ...

Html5 html css javascript

Feb.26,2021
Answer questions online? Increase or decrease in data?
A similar question, I want to know how to deal with the number of correct answers. I originally wanted to declare a variable and then decide to add it when the answer is right, but not if it is wrong. But what is printed is always 0 and 1 ....

Html css php javascript

Feb.26,2021
The chamfering effect is realized by css under mac, and the display is abnormal.
mac chamfering effect, the display is abnormal, the code is as follows, please take a look at ...

Html css

Feb.26,2021
How to write reset in sass
I wonder if there is any ready-made reset library based on sass, similar to reset.css . Please also recommend a responsive framework based on sass (designed to solve responsive problems) or a useful sass mixin library ...

Css sass

Feb.26,2021
Vue page switching fixed positioning problem
<template> <div style="height: 100%;"> <mt-header title=""> <mt-button icon="back" slot="left" v-tap="{methods: switchView, view: Post }">< mt-button> &l...

Vue.js html5 css

Feb.26,2021
How to make transform move relative to its current position
apply the transform attribute to a div, and then click it to add a class name, which is also a transform, in the class, but then it moves relative to the original location. How to make her want to move for the current location? ...

Javascript css

Feb.26,2021
Vue page switching fixed positioning problem?
<template> <div style="height: 100%;"> <mt-header title=""> <mt-button icon="back" slot="left" v-tap="{methods: switchView, view: Post }">< mt-button> &l...

Css3 css html5 vue.js

Feb.27,2021
It is worth passing between pages
make an answer system, trigger the click event on the answer page (choose the correct answer), and add 1. No mistakes. Now the whole answer is finished. Jump to another page, that is, the answer completion page, how can I get the value of the correct ans...

Html css php javascript

Feb.27,2021
How to set the input box of element when there is no content, the width is 0 and the width is adaptive when there is content.
how to set the input box of element when there is no content, the width is 0 and the width is adaptive when there is content ...

Css

Feb.27,2021