検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV+CSS レイアウトの例_html/css_WEB-ITnose

DIV+CSS レイアウトの例_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:30:401167ブラウズ

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

Code

Code

    


    
banner

    
nav

    

    

    

    

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


再宽也不会自动换行了

    

    

    

    menu
    

    

       

    foot
    


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

コード



header






左




そうです



右






声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：純粋な DIV+CSS で角丸を実現! _html/css_WEB-ITnose次の記事：純粋な DIV+CSS で角丸を実現! _html/css_WEB-ITnose

関連記事

続きを見る