demo_Position布局

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8"/>
    <style type="text/css">
    *{
        margin: 0;
        padding: 0
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 82%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 18%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .d{
        margin: 0;
        padding: 0;
        background: grey;
        position: fixed;
        overflow: auto;
        top: 15px;
        bottom: 15px;
        width:240px;
        left: 15px;
    }
/*    .ee{
        overflow: auto;
        position: fixed;
        top: 15px;
        bottom: 15px;
        left: 250px;
        right: 15px;
    }*/
    .e{
        margin: 0;
        padding: 0;
        background: blue;
        position: fixed;
        top: 15px;
        bottom: 15px;
        left: 265px;
        right: 15px;
        overflow: auto;
    }
    .a{
        margin: 0;
        padding: 0;
        background: red;
        height:30px;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .b{
        margin: 0;
        padding: 0;
        background: yellow;
        position: absolute;
        top: 45px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        overflow: auto;
    }
    .c{
        margin: 0;
        padding: 0;
        background: green;
        /*height: 50px;
         100px;*/
        position: absolute;
        top: 30px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        overflow: auto;
    }
    </style>
</head>
<body>
    <div class="col-md-3">
        <!-- d是fixed -->
        <div class="d">
        <p>
            文字是记录信息的图像符号。
            错误观点:文字是记录语言的符号。
            错误原因:西方中心论。
            世界上现在除了中国文字的象形文字,其他都是拼音文字。拼音文字是语言的记录,但象形文字不是语言的记录,而是事件的记录。
            比如中文‘牛’字,最初就是一个牛头画,看了这个画就知道是牛,而这个牛字,可以念各种音,甚至可以念:cow。
            最早埃及有象形文字,苏美尔有楔形文字,都不是拼音文字,但埃及的象形文字肯定不是语言的记录,只是它们都湮灭了。
            说文字是记录语言的符号,还有一个原因,就是现在还有很多民族,只有语言没有文字。但是这不能证明中国文字也是语言的记录,也就是说不能证明中国文字产生在语言之后。普通文字是用简单图形形成,早期更加接近图画,更加接近几何线条。例如拉丁字母是简单的直线、弧线和点构成。汉字主要是由直线构成,所以叫做“方块汉字”。古代的甲骨文汉字,埃及象形文字和玛雅文字等古老文字图画性比较强。
            由于特殊人群视觉能力的局限,还可以发明变异的视觉符号或者触觉符号来代替普通文字。盲文是为了适应没有视觉能力的盲人发明的触觉符号。手语是为了适应没有语音能力的哑巴发明的用手舞动的动态视觉符号。旗语是为了适应航海等远距离听觉和视觉局限发明的用旗子舞动的动态视觉符号。这些代码文字,一律建立在表音文字或者表意文字的拼音方案的基础上,传统汉字是无法使用这种代码的,因为字的数量太多。
            在电子信息传输的初期,人们还采用阿拉伯数字代替汉字传输书面语。这种数字代码可以给任何文字编码。但是汉字因为数量多,需要专门的代码翻译人员才能使用。
            有人把文字分成线性文字和非线性文字。这样不科学,因为无论是普通文字还是代码文字都有线条和点等视觉元素。
            字在记录口语的时候,必然随着口语的词的顺序进行。但是把口语唯一的时间顺序转换成空间顺序的时候会遇到多种选择。早期文字例如埃及圣书体书写方向不确定。一般是写到哪儿就从哪儿继续写,叫做牛耕式写法。从一个水平方向开始,然后在一行结尾的位置直接到下一行开始反方向书写。
            多数文字是采用希腊字母开始的书写方式:字母从左到右书写,行从上到下写。现代汉字也基本上这样书写。
            但是阿拉伯文字、希伯来字母等是从右到左书写。中国新疆的维吾尔字母来自阿拉伯字母也是这样。
            汉字在古代是从上到下书写,行从右到左。偶尔还是用这种书写方式。
            据我国古籍记载,上古时代的人类祖先们在尚未发明文字之前,便已懂得利用结绳的方式来记事。所谓“大事做大结、小事结小结”就是用绳子做结帮助记忆事情大小。这种方法在世界其他地方(如非洲、南美洲等)也都使用过。古人实物记事的另一种方法是刻楔,就是在树皮、骨头、泥板、石块上刻道道或其他的符号,以用来帮助记忆。这种方法又比结绳又进了一步。结绳记事或刻楔为文字的产生创造了一定的社会条件,但它们只是用来帮助记忆,并不是文字。
            文字是人类记录思想、交流思想的符号,它于1万年前“农业化”开始以后萌芽,随着人类由野蛮向文明过渡,是由先人们在生产和交换的过程中,经过了无数年月的不断创造和改进而形成的。
            类型
            </p>
        </div>
    </div>

    <div class="col-md-9 ee">
        <!-- e是fixed -->
        <div class="e">
            <!-- a是absolute -->
            <div class="a">
                <p>30116-74-479-S1-热水回
                </p>
            </div>
            <!-- b是absolute -->
            <div class="b">
                <p>设备数据 设备图表</p>
                <!-- c是absolute -->
                <div class="c">
                    <p>
                        文字是记录信息的图像符号。
                        错误观点:文字是记录语言的符号。
                        错误原因:西方中心论。
                        世界上现在除了中国文字的象形文字,其他都是拼音文字。拼音文字是语言的记录,但象形文字不是语言的记录,而是事件的记录。
                        比如中文‘牛’字,最初就是一个牛头画,看了这个画就知道是牛,而这个牛字,可以念各种音,甚至可以念:cow。
                        最早埃及有象形文字,苏美尔有楔形文字,都不是拼音文字,但埃及的象形文字肯定不是语言的记录,只是它们都湮灭了。
                        说文字是记录语言的符号,还有一个原因,就是现在还有很多民族,只有语言没有文字。但是这不能证明中国文字也是语言的记录,也就是说不能证明中国文字产生在语言之后。普通文字是用简单图形形成,早期更加接近图画,更加接近几何线条。例如拉丁字母是简单的直线、弧线和点构成。汉字主要是由直线构成,所以叫做“方块汉字”。古代的甲骨文汉字,埃及象形文字和玛雅文字等古老文字图画性比较强。
                        由于特殊人群视觉能力的局限,还可以发明变异的视觉符号或者触觉符号来代替普通文字。盲文是为了适应没有视觉能力的盲人发明的触觉符号。手语是为了适应没有语音能力的哑巴发明的用手舞动的动态视觉符号。旗语是为了适应航海等远距离听觉和视觉局限发明的用旗子舞动的动态视觉符号。这些代码文字,一律建立在表音文字或者表意文字的拼音方案的基础上,传统汉字是无法使用这种代码的,因为字的数量太多。
                        在电子信息传输的初期,人们还采用阿拉伯数字代替汉字传输书面语。这种数字代码可以给任何文字编码。但是汉字因为数量多,需要专门的代码翻译人员才能使用。
                        有人把文字分成线性文字和非线性文字。这样不科学,因为无论是普通文字还是代码文字都有线条和点等视觉元素。
                        字在记录口语的时候,必然随着口语的词的顺序进行。但是把口语唯一的时间顺序转换成空间顺序的时候会遇到多种选择。早期文字例如埃及圣书体书写方向不确定。一般是写到哪儿就从哪儿继续写,叫做牛耕式写法。从一个水平方向开始,然后在一行结尾的位置直接到下一行开始反方向书写。
                        多数文字是采用希腊字母开始的书写方式:字母从左到右书写,行从上到下写。现代汉字也基本上这样书写。
                        但是阿拉伯文字、希伯来字母等是从右到左书写。中国新疆的维吾尔字母来自阿拉伯字母也是这样。
                        汉字在古代是从上到下书写,行从右到左。偶尔还是用这种书写方式。
                        据我国古籍记载,上古时代的人类祖先们在尚未发明文字之前,便已懂得利用结绳的方式来记事。所谓“大事做大结、小事结小结”就是用绳子做结帮助记忆事情大小。这种方法在世界其他地方(如非洲、南美洲等)也都使用过。古人实物记事的另一种方法是刻楔,就是在树皮、骨头、泥板、石块上刻道道或其他的符号,以用来帮助记忆。这种方法又比结绳又进了一步。结绳记事或刻楔为文字的产生创造了一定的社会条件,但它们只是用来帮助记忆,并不是文字。
                        文字是人类记录思想、交流思想的符号,它于1万年前“农业化”开始以后萌芽,随着人类由野蛮向文明过渡,是由先人们在生产和交换的过程中,经过了无数年月的不断创造和改进而形成的。
                        类型符号。旗语是为了适应航海等远距离听觉和视觉局限发明的用旗子舞动的动态视觉符号。这些代码文字,一律建立在表音文字或者表意文字的拼音方案的基础上,传统汉字是无法使用这种代码的,因为字的数量太多。
                        在电子信息传输的初期,人们还采用阿拉伯数字代替汉字传输书面语。这种数字代码可以给任何文字编码。但是汉字因为数量多,需要专门的代码翻译人员才能使用。
                        有人把文字分成线性文字和非线性文字。这样不科学,因为无论是普通文字还是代码文字都有线条和点等视觉元素。
                        字在记录口语的时候,必然随着口语的词的顺序进行。但是把口语唯一的时间顺序转换成空间顺序的时候会遇到多种选择。早期文字例如埃及圣书体书写方向不确定。一般是写到哪儿就从哪儿继续写,叫做牛耕式写法。从一个水平方向开始,然后在一行结尾的位置直接到下一行开始反方向书写。
                        多数文字是采用希腊字母开始的书写方式:字母从左到右书写,行从上到下写。现代汉字也基本上这样书写。
                        但是阿拉伯文字、希伯来字母等是从右到左书写。中国新疆的维吾尔字母来自阿拉伯字母也是这样。
                        汉字在古代是从上到下书写,行从右到左。偶尔还是用这种书写方式。
                        据我国古籍记载,上古时代的人类祖先们在尚未发明文字之前,便已懂得利用结绳的方式来记事。所谓“大事做大结、小事结小结”就是用绳子做结帮助记忆事情大小。这种方法在世界其他地方(如非洲、南美洲等)也都使用过。古人实物记事的另一种方法是刻楔,就是在树皮、骨头、泥板、石块上刻道道或其他的符号,以用来帮助记忆。这种方法又比结绳又进了一步。结绳记事或刻楔为文字的产生创造了一定的社会条件,但它们只是用来帮助记忆,并不是文字。
                        文字是人类记录思想、交流思想的符号,它于1万年前“农业化”开始以后萌芽,随着人类由野蛮向文明过渡,是由先人们在生产和交换的过程中,经过了无数年月的不断创造和改进而形成的。
                        类型符号。旗语是为了适应航海等远距离听觉和视觉局限发明的用旗子舞动的动态视觉符号。这些代码文字,一律建立在表音文字或者表意文字的拼音方案的基础上,传统汉字是无法使用这种代码的,因为字的数量太多。
                        在电子信息传输的初期,人们还采用阿拉伯数字代替汉字传输书面语。这种数字代码可以给任何文字编码。但是汉字因为数量多,需要专门的代码翻译人员才能使用。
                        有人把文字分成线性文字和非线性文字。这样不科学,因为无论是普通文字还是代码文字都有线条和点等视觉元素。
                        字在记录口语的时候,必然随着口语的词的顺序进行。但是把口语唯一的时间顺序转换成空间顺序的时候会遇到多种选择。早期文字例如埃及圣书体书写方向不确定。一般是写到哪儿就从哪儿继续写,叫做牛耕式写法。从一个水平方向开始,然后在一行结尾的位置直接到下一行开始反方向书写。
                        多数文字是采用希腊字母开始的书写方式:字母从左到右书写,行从上到下写。现代汉字也基本上这样书写。
                        但是阿拉伯文字、希伯来字母等是从右到左书写。中国新疆的维吾尔字母来自阿拉伯字母也是这样。
                        汉字在古代是从上到下书写,行从右到左。偶尔还是用这种书写方式。
                        据我国古籍记载,上古时代的人类祖先们在尚未发明文字之前,便已懂得利用结绳的方式来记事。所谓“大事做大结、小事结小结”就是用绳子做结帮助记忆事情大小。这种方法在世界其他地方(如非洲、南美洲等)也都使用过。古人实物记事的另一种方法是刻楔,就是在树皮、骨头、泥板、石块上刻道道或其他的符号,以用来帮助记忆。这种方法又比结绳又进了一步。结绳记事或刻楔为文字的产生创造了一定的社会条件,但它们只是用来帮助记忆,并不是文字。
                        文字是人类记录思想、交流思想的符号,它于1万年前“农业化”开始以后萌芽,随着人类由野蛮向文明过渡,是由先人们在生产和交换的过程中,经过了无数年月的不断创造和改进而形成的。
                        类型符号。旗语是为了适应航海等远距离听觉和视觉局限发明的用旗子舞动的动态视觉符号。这些代码文字,一律建立在表音文字或者表意文字的拼音方案的基础上,传统汉字是无法使用这种代码的,因为字的数量太多。
                        在电子信息传输的初期,人们还采用阿拉伯数字代替汉字传输书面语。这种数字代码可以给任何文字编码。但是汉字因为数量多,需要专门的代码翻译人员才能使用。
                        有人把文字分成线性文字和非线性文字。这样不科学,因为无论是普通文字还是代码文字都有线条和点等视觉元素。
                        字在记录口语的时候,必然随着口语的词的顺序进行。但是把口语唯一的时间顺序转换成空间顺序的时候会遇到多种选择。早期文字例如埃及圣书体书写方向不确定。一般是写到哪儿就从哪儿继续写,叫做牛耕式写法。从一个水平方向开始,然后在一行结尾的位置直接到下一行开始反方向书写。
                        多数文字是采用希腊字母开始的书写方式:字母从左到右书写,行从上到下写。现代汉字也基本上这样书写。
                        但是阿拉伯文字、希伯来字母等是从右到左书写。中国新疆的维吾尔字母来自阿拉伯字母也是这样。
                        汉字在古代是从上到下书写,行从右到左。偶尔还是用这种书写方式。
                        据我国古籍记载,上古时代的人类祖先们在尚未发明文字之前,便已懂得利用结绳的方式来记事。所谓“大事做大结、小事结小结”就是用绳子做结帮助记忆事情大小。这种方法在世界其他地方(如非洲、南美洲等)也都使用过。古人实物记事的另一种方法是刻楔,就是在树皮、骨头、泥板、石块上刻道道或其他的符号,以用来帮助记忆。这种方法又比结绳又进了一步。结绳记事或刻楔为文字的产生创造了一定的社会条件,但它们只是用来帮助记忆,并不是文字。
                        文字是人类记录思想、交流思想的符号,它于1万年前“农业化”开始以后萌芽,随着人类由野蛮向文明过渡,是由先人们在生产和交换的过程中,经过了无数年月的不断创造和改进而形成的。
                        类型
                        </p>
                </div>
            </div>
    
        </div>
    </div>
</body>
</html>
原文地址:https://www.cnblogs.com/rysly/p/demo_Position.html