Home >Web Front-end >HTML Tutorial >HTML固定与自适应进行布局的混合使用_html/css_WEB-ITnose
HTML固定与自适应进行布局的混合使用_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:37:471192browse
//
<!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> 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
Previous article：富文本Html.fromHtml方法_html/css_WEB-ITnoseNext article：动画效果:Animation_html/css_WEB-ITnose