Home >Web Front-end >HTML Tutorial >div problem. Answer as quickly as possible_html/css_WEB-ITnose
div problem. Answer as quickly as possible_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:10:21990browse
080b747a20f9163200dd0a7d304ba388
#head { margin:5px 500px auto;width:1000px; height:300px; background:#9FF;}
#main { margin:5px 800px auto;width:700px; height:300px; background:#9FF;}
#tail { margin:5px 800px auto;width:700px; height:300px; background:#9FF;}
#left{ margin :5px 500px auto;width:300px; height:700px; background:#9FF;}
531ac245ce3e4fe3d50054a55f265927
6c04bd5ca3fcae76e30b72ad730ca86d
6956a6233afcaa7c1311da1271316141aaaad4e6ef3935d870d31c81823c096b9b03
243a8f3f087936dc3f96e2f0cf018c22bbbb16b28748ea4df4d9c2150843fecfba68
961dd75297247cb17f67e6948fb06668dddd16b28748ea4df4d9c2150843fecfba68
How to arrange bbbb and dddd in this code (if you don’t know what it means, you can understand it like this. bbbb is in the upper right corner, dddd is in the upper left corner)
Reply to discussion (solution)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>无标题页</title><script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.js'></script></head><body><style type="text/css">#head { margin:5px 500px auto;width:1000px; height:300px; background:#9FF;}#main {width:700px; height:300px; background:#9FF; float:right;}#tail { margin:5px 800px auto;width:700px; height:300px; background:#9FF;}#left{width:300px; height:700px; background:#9FF;float:left;}</style><body><div id="main">bbbb</div><div id="left">dddd</div><div style='clear:both'></div><div id="head">aaaa</div><div id="tail">cccc</div></body></html> HTML code
01a4f07c65954fa80c427080895c165d
93f0f5c25f18dab9d176bd4f6de5d30e
b2386ffb911b14667cb8f0f91ea547a7Untitled page1d09830e6aefad85a6fdec75e4514082
68ccb177a5de0ef9542dde7d35bae727
93f0f5c25f18dab9d176bd4f6de5d30e