html中两个DIV怎么横排靠齐？

html-css012

html中两个DIV怎么横排靠齐？,第1张

#header_l这个父元素宽度太小了宽度如果是#header_r和#header_b的宽度总和才行

并且#header_r和#header_b都要float：left；你试试

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style type="text/css">

        /*一二级菜单横向排列*/

        ul li{

            float: left

        }

        /*二级菜单默认不显示*/

        ul li ul{

            display: none

        }

        /*一级菜单获得焦点时显示其二级菜单*/

        ul li:hover ul{

            display: block

            position: absolute

            padding-left: 0px

        }

        /*不显示列表样式*/

        li{

            list-style: none

        }

        /*二级菜单纵向显示*/

        /*

        ul li ul li{

            float: none

        }

        */

    </style>

</head>

<body>

    <div>

        <ul>

            <li>A

                <ul>

                    <li>1</li>

                    <li>2</li>

                </ul>

            </li>

            <li>B</li>

            <li>C</li>

        </ul>

    </div>

</body>

</html>

语法：writing-mode:lr-tb或writing-mode:tb-rl

参数：

1、lr-tb：从左向右，从上往下

2、tb-rl：从上往下，从右向左

1

2

3

4

5

6    

<style> 

body{text-align:center} 

.shuli{ margin:0 autowidth:20pxline-height:24pxborder:1px solid #333}

 </style>  

 <div class="shuli">

 我是竖列排版</div>

HTML超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。