Heim >Web-Frontend >HTML-Tutorial >HTML固定与自适应进行布局的混合使用_html/css_WEB-ITnose
HTML固定与自适应进行布局的混合使用_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:37:471209Durchsuche
//
<!DOCTYPE html><html><head><title>this is a page</title><style type="text/css"> body{padding:0; margin:0; } .left{width:200px; height:500px; position:absolute; left:0px; top:0px; background: red;} .middle{height:500px; background: blue; margin:0 310px 0 210px;} .right{width:300px; height:500px; position:absolute; right:0px; top:0px; background: orange;}</style></head><body><div class="left">this is left</div><div class="middle">this is auto</div><div class="right">this is right</div></body></html> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：富文本Html.fromHtml方法_html/css_WEB-ITnoseNächster Artikel：动画效果:Animation_html/css_WEB-ITnose