Maison >interface Web >tutoriel HTML >DIV+CSS布局示例_html/css_WEB-ITnose

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

WBOYoriginal: 2016-06-24 12:30:401142parcourir

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

Code

banner

nav

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

再宽也不会自动换行了

foot

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

Code

Déclaration：

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

Article précédent：纯DIV+CSS实现圆角！_html/css_WEB-ITnoseArticle suivant：div css 常用技巧_html/css_WEB-ITnose

Articles Liés

Voir plus