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">