简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-06-21 09:47:31
Original
1227 Leute haben es durchsucht

<!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>
Nach dem Login kopieren

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

Verwandte Etiketten：
页面怎么100%布局
Quelle：php.cn
Vorheriger Artikel：用户注册登录框怎么移中间去啊。。_html/css_WEB-ITnose Nächster Artikel：先在流行的图片下边 蒙层 该怎么做_html/css_WEB-ITnose
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Die for-Schleife geht zufällig von 1 auf 0 Grundsätzlich kann sich die for-Schleife jedes Mal, wenn die Seite aktualisiert wird, von ...
Aus 2024-04-06 16:48:14
0
1
393
Wie kann ich dafür sorgen, dass mein Bild auf der Hauptanzeige der Seite erscheint? Ich möchte einige Fotos über NASAAPI erhalten. Diese Fotos werden dann im Miniaturbild und...
Aus 2024-04-06 15:33:12
0
1
433
Sicherung von Next.js-Routen mit Supabase Ich implemetiere den Routenschutz, indem ich eine Schutzseite erstelle, und wenn der Benut...
Aus 2024-04-06 11:13:00
0
1
430
OAuth 2.0-Konfigurationseinstellungen Ich verwende phpmailer, um E-Mails über den Server smtp.google.com zu senden, aber jetzt f...
Aus 2024-04-06 11:12:57
0
1
408
Freigabe der X-Achse nach Aufruf von Chart.zoom(): eine Schritt-für-Schritt-Anleitung Ich habe die Scroll-Strategie auf setScrollStrategy(AxisScrollStrategies.progressive) eing...
Aus 2024-04-04 23:40:56
0
1
1339
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！