day 39 floating display box model

First, the box model

Attributes:
    Width content: width
    height: height of the content of
    padding: padding content to the distance of the border
    border: Borders
    margin: Margin to the other side from the other side
    
Box model calculation:
    Summary: If the size of the box to ensure that the model does not change, add padding had to be cut width or height reduction
    Provided that: in the standard document flow
            padding: adjust the position between the father and son
            margin: adjust the position between brothers
  -border
	Three elements: the width of the linear pattern of the color linear
	border: 1px solid red;
                    silid solid line double dotted dashed double dotted broken line

	border-left: 1px solid red;
	
  -margin	
  
	The premise must be the standard documents shed 
	
		The level of margin without any problems
		margin will 'collapse problem' in the vertical direction

  

 

 

 

 

 

 

 

1

1

1

 

Guess you like

Origin www.cnblogs.com/xiaobai686/p/11861132.html