Heim >Web-Frontend >HTML-Tutorial >页面怎么100%布局_html/css_WEB-ITnose
页面怎么100%布局_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:47:311279Durchsuche
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>head_right怎么在不同分辨率全屏显示</title><style type="text/css">*{ list-style:none; margin:0; padding:0; }.div{ width:100%; }.head{ width:100%; height:123px; background:#066; }.head_left{ width:181px; height:123px; float:left; background:#096; }.head_right{ width:85%; height:123px; float:left; background:#09C; }</style> </head><body> <div class="div"> <div class="head"> <div class="head_left"> 左边 </div> <div class="head_right"> 右边 </div> </div> </div></body></html> 请问下 div="head_right"怎么在不同分辨率都是width=100%全屏显示
回复讨论(解决方案)
.head_right{
width:100%;
height:123px;
float:left;
background:#09C;
}
要并排的话，去掉 float:left;
.head_right{
width:100%;
height:123px;
background:#09C;
}
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/css_WEB-ITnoseNächster Artikel：先在流行的图片下边 蒙层 该怎么做_html/css_WEB-ITnose