Home >Web Front-end >HTML Tutorial >div css commonly used two columns/three automatically adapt to width columns, compatible with ie6789, Firefox, Google and other browsers_html/css_WEB-ITnose

div css commonly used two columns/three automatically adapt to width columns, compatible with ie6789, Firefox, Google and other browsers_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:26:531122browse

CSS two-column layout, fixed on the right, adaptive width on the left

< div style = "width:90%; margin:0 auto; overflow: auto; _display:inline-block;" >

< div style = "width:200px; float:right; background:#090" >This is the content on the right

CSS two-column layout, fixed on the left, adaptive width on the right

< div style = "width:90%; margin:0 auto; overflow:auto; _display :inline-block;" >

< div style = "width:150px; float:left; background:#6F0" >This is the fixed width of the content on the left

< div style = " margin-left:160px; background:#FC0" >Middle content, adaptive width

CSS three-column layout, fixed left and right width, adaptive width in the middle

< div style = "width:90%; margin:0 auto; overflow:auto; _display:inline-block;" >

; < div style = "width:200px; float:right; background:#393" > This is the fixed width of the content on the right

< ; div style = "width:150px; float:left; background:#F60 " >This is the fixed width of the content on the left

; < div style = " margin-left: 160px;margin-right:210px; background:#6C3;" >Middle content, adaptive width

div css commonly used two columns/three types of automatic adaptation Width column is compatible with ie6789 Firefox, Google and other browsers

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn