Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > 页面怎么100%布局_html/css_WEB-ITnose

页面怎么100%布局_html/css_WEB-ITnose

WBOY
Release： 2016-06-21 09:47:31
Original
1275 people have browsed it

<!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>
Copy after login

请问下 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;
   }

Related labels：
页面怎么100%布局
source：php.cn
Previous article：用户注册登录框怎么移中间去啊。。_html/css_WEB-ITnose Next article：先在流行的图片下边 蒙层 该怎么做_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
for loop randomly goes from 1 to 0 Basically, every time the page is refreshed, the for loop has the potential to change from...
From 2024-04-06 16:48:14
0
1
393
How do I get my image to appear on the page's main display? What I want to do is receive some photos using NASAAPI. These photos are then displayed on...
From 2024-04-06 15:33:12
0
1
433
Securing Next.js routes with Supabase I am implementing route protection by creating a protection page and whenever the user is ...
From 2024-04-06 11:13:00
0
1
430
OAuth 2.0 configuration settings I'm using phpmailer to send mail through smtp.google.com server but now it's not working b...
From 2024-04-06 11:12:57
0
1
408
Releasing the X-axis after calling Chart.zoom(): a step-by-step guide I set the scroll strategy to setScrollStrategy(AxisScrollStrategies.progressive) and on th...
From 2024-04-04 23:40:56
0
1
1339
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template