美文网首页
CSS-固定定位

CSS-固定定位

作者: 测试探索 | 来源:发表于2022-06-14 20:32 被阅读0次

一:固定定位介绍

image.png

二:目录和代码

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
    <div class="div1">这里是测试</div>
    <div class="div2">
        <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    <p>
            散文,汉语词汇,拼音是sǎn wén。一指文采焕发;二指犹行文; [1]  三指文体名。随着时代的发展,散文的概念由广义向狭义转变,并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国(976年12月-984年11月)时期。
《辞海》认为:中国六朝以来,为区别韵文与骈文,把凡不押韵、不重排偶的散体文章(包括经传史书),统称“散文”。后又泛指诗歌以外的所有文学体裁。
        </p>
    </div>
    <div class="div3">这里又是测试</div>

</body>
</html>

index.css

.div1{
    width: 5%;
    height: 100px;
    position: fixed;
    top: 200px;
    left: 2%;
    background-color: yellow;

}

.div2{
    width: 80%;
    position: relative;
    left: 8%;
}

.div3{
    width: 5%;
    height: 100px;
    position: fixed;
    top: 200px;
    right: 2%;
    background-color: yellow;

}
image.png

相关文章

  • CSS-固定定位

    一:固定定位介绍 二:目录和代码 index.html index.css

  • css-相对定位、绝对定位和固定定位例子

    相对定位 绝对定位 固定定位

  • css-定位

    定位:position,当值为relative时可以设置left和right偏移量。 position 属性值的含...

  • CSS-定位

    元素的定位属性1. 边偏移top bottom left right2. 定位模式(定位的分类)positio...

  • CSS-定位

    一:定位种类 二:相对定位 2-1目录和代码 index.html index.css 三:绝对定位 index....

  • css-浮动,定位

    一,文档流的概念指什么?有哪种方式可以让元素脱离文档流? 答:文档流W3C规范中并没有document flow这...

  • CSS固定定位生成网页顶部导航栏实例

    固定定位 position:fixed 固定定位是相对与浏览器窗口来定位, 就算页面滚动, 固定定位元素的位置不会...

  • HTML 日常了解6

    固定定位 元素的层级 背景 背景偏移与定位 背景固定

  • 19. 定位

    相对定位 绝对定位和固定定位:

  • CSS 定位,导航条,背景及表格

    (1)固定定位:当元素的position属性设置fixed时,则开启了元素的固定定位固定定位也是一种绝对定位,它的...

网友评论

      本文标题:CSS-固定定位

      本文链接:https://www.haomeiwen.com/subject/gpvkmrtx.html