Friday, September 3, 2010

Pure CSS layout to achieve high-DIV 3

High DIV layout, I think many people have ever met, I have seen a lot of ways, some through the background image, to achieve the illusion of contour effects; 
Others use js to achieve more. These are the methods, but now do not have the above method to a real pure css to achieve high!

Now we look at the true realization of the high CSS layout, the method is to use "hidden containers overflow", "is within the patch" and "negative external patch" method of integration achieved. To look at the example below (3 contour) to the following XHTML code example:

html code:
 
 
left  
left  
left  
left  
left  
 
 
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
center  
 
right  
right  
right  
 
 
css code:

No comments:

Post a Comment