CSS layout, div + css layout

CSS layout, div + css layout

Width on the left and adaptive on the right

There are many ways to implement

Try narrowing down the window?

 

Solution 1:

Float on the left and margin-left on the right

ViewDemo

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Solution 2:
Float on the left and overflow: Den den on the right. However, this method is not compatible with IE6.
ViewDemo
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
Solution 3:
Use absolute positioning on the left and margin-left on the right
ViewDemo
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
Solution 4:
Absolute positioning on the left and absolute positioning on the right
ViewDemo
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Solution 5:
This method is relatively complicated, and there is a div in the right div.
ViewDemo
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">