CSS Box mode detailed three

Hello, I am float, welcome to visit the CSS family, in the CSS family, in today's CSS typesetting popular era, I can play an important role oh. Because my job is very useful to web designers, just as important as the previous align help you locate page elements, but I seem to be much more powerful than align. Next I will show you the scene of my skills, watch carefully oh. Of course, I may not be able to all of my skills to give you a demonstration, because some of the skills I may not remember it, then please those who know me better to help me add it, such as moderator and so on.

First of all, my main job is to help align to like in the Web page, once I issue a float:left or Float:right command, the image I float will move left or right until it encounters a border (border), fills (padding), boundaries (margin Or the edge of another block object, and of course there are some seemingly special situations, such as when a negative boundary (margin) is set by the element I float. I can also make text flow around the right image that I float, which is also my feature. Also note that it is best to set the floating object width, otherwise there will be some unexpected trouble. I have two main floating types, they are float:left and float:right, of course, I have a function is float:none, but float:none less use, this is my default value, sometimes very useful, I will speak. Now I'm starting to perform. My stage can be IE (Internet Explorer), or FF (Firefox), but some skills I must be in the standard stage, such as FF in order to do, please pay attention to my instructions, or you use IE is not to see the effect.

1. I am quiet (when my properties are not set), that is: Float:none, or the style does not write this item, the elements in the Web page will be arranged according to their own appearance, is generally the side of the line, the first appeared in front, the following run box is Div first appear, p after the appearance, So P is in the back of the Div, notice that there's a lot of space on the right side of the Div, but the P text doesn't go with it on the right.

[1] [2] [3] Next page