communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > DIV+CSS布局示例_html/css_WEB-ITnose

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

WBOY
Libérer： 2016-06-24 12:30:40
original
1143 Les gens l'ont consulté

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

Code

Code


    

    
banner

    
nav

    

    

    

    

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


再宽也不会自动换行了

    

    

    

    menu
    

    

       

    foot
    

    

 

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

 

Code


    

    

    
header

    
banner

    

    

    

    

    
Left

    

    

    

    Right
    

    

    

    
Right

    

    

    

    
    

 

 

Étiquettes associées：
DIV+CSS布局示例
source：php.cn
Article précédent：纯DIV+CSS实现圆角！_html/css_WEB-ITnose Article suivant：div css 常用技巧_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Créez diverses mises en page de cartes à l'aide d'une seule grille ou de Flex : un guide pratique J'essaie de créer une mise en page de carte réactive comme celle illustrée. Ce que je fais...
Depuis 2024-04-02 21:07:36
0
2
377
Espacement flexible interrompu lors de la tentative de débordement de la balise HTML <pre><code> au lieu de l'habillage J'applique du CSS au sélecteur de précode afin de créer des blocs de code stylisés comme v...
Depuis 2024-04-01 12:22:06
0
1
296
CSS peut-il afficher des lignes de quadrillage ? J'ai commencé à apprendre la disposition des grilles CSS. Dans un monde idéal, je serais c...
Depuis 2024-03-31 20:38:21
0
2
395
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal