Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > DIV+CSS布局示例_html/css_WEB-ITnose

DIV+CSS布局示例_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 12:30:40
Original
1160 Leute haben es durchsucht

第一种:左菜单右边内容自动变宽的布局

Code

Code


    

    
banner

    
nav

    

    

    

    

    测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符
    测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符
    测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符
    测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符
    测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符
    测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符测试字符v


再宽也不会自动换行了

    

    

    

    menu
    

    

       

    foot
    

    

 

第二种，页宽度固定，分栏显示内容

 

Code


    

    

    
header

    
banner

    

    

    

    

    
Left

    

    

    

    Right
    

    

    

    
Right

    

    

    

    
    

 

 

Verwandte Etiketten：
DIV+CSS布局示例
Quelle：php.cn
Vorheriger Artikel：纯DIV+CSS实现圆角！_html/css_WEB-ITnose Nächster Artikel：div css 常用技巧_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
Erstellen Sie vielfältige Kartenlayouts mit einem einzigen Raster oder Flex: eine praktische Anleitung Ich versuche, ein responsives Kartenlayout wie das abgebildete zu erstellen. Derzeit erste...
Aus 2024-04-02 21:07:36
0
2
377
Der Flex-Abstand ist fehlerhaft, wenn versucht wird, das HTML-Tag <pre><code> überlaufen zu lassen, anstatt es umzubrechen Ich wende CSS auf den Vorcode-Selektor an, um gestaltete Codeblöcke zu erstellen, wie Sie ...
Aus 2024-04-01 12:22:06
0
1
296
Kann CSS Gitterlinien anzeigen? Ich habe angefangen, das CSS-Rasterlayout zu lernen. In einer idealen Welt wäre ich in der...
Aus 2024-03-31 20:38:21
0
2
395
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