how does the float property behave on a block element

why does the width of block element becomes like inline-block after we give float property to it? for example h1= Hello work, width=100 % but after float left, its width became adjustable to its size why?