首页 > 其他分享 >直播平台制作,css之如何清除浮动

直播平台制作,css之如何清除浮动

时间:2023-11-27 14:11:20浏览次数:28  
标签:浮动 清除 平台 直播 制作 css

直播平台制作,css之如何清除浮动

<style type="text/css">
    li {
        list-style: none;
        height: 100px;
        width: 100px;
        float: left;
        background: red;
        margin-left: 20px;
    }
    
    .father:after,
    .father:before {
        content: "";
        display: block;
        clear: both;
    }
    
    ul {
        background: pink;
    }
</style>
<ul class="father">
    <li></li>
    <li></li>
</ul>
 

​以上就是直播平台制作,css之如何清除浮动, 更多内容欢迎关注之后的文章

 

标签:浮动,清除,平台,直播,制作,css
From: https://www.cnblogs.com/yunbaomengnan/p/17859106.html

相关文章

  • css选择
     类型选择器类型指h1,p,a这类h1{color:red;} 全局选择器以*开头  类选择器.highlight{background-color:yellow;}<h1class="highlight">Classselectors</h1>指向特定元素类span.highlight{background-color:yellow;}<p>Veggiesesbonusvobis,pr......
  • css基本
    css被称为样式语言本人理解html如是房子css即是装修p{color:red;  width:500px;  border:1pxsolidblack;} p整个结构称为规则p->为选择器选择多个元素p,h1{color:red;}<linkhref=pathrel=stylesheet/> paddingbordermarginbackground-......
  • vue 根据js的变量来设置css 里面的属性的属性值
    1.通过动态绑定style,声明css变量"--fontColor",把变量”fontColor”赋给“--fontColor”2.在css中使用var函数读取“--fontColor”变量点击查看代码<template><divclass="wen_style":style="{'--fontColor':fontColor}">当前字体的颜色......
  • css伪类选择器
    点击查看代码:nth-child(){},用来选择父元素下的第n个子元素。注意::nth-child(){}是根据父元素下所有子元素进行排序:nth-child(2n){},选中父元素下偶数行的子元素。:nth-child(2n+1){},选中父元素下奇数行的子元素。:nth-child(odd){},选中父元素下奇数行的子元素。:nth-chil......
  • CSS多行文本溢出显示省略号
    ##WebKit内核浏览器解决办法display:-webkit-box 将对象作为弹性伸缩盒子模型显示;-webkit-box-orient 设置或检索伸缩盒对象的子元素的排列方式;text-overflow:ellipsis 用省略号“…”隐藏超出范围的文本。-webkit-line-clamp是用来限制在一个块元素显示的文本的行数,......
  • css 发光文字
    .textBox{font-family:"MicrosoftYaHei";font-size:28px;font-weight:bold;white-space:nowrap;line-height:40px;background:linear-gradient(30deg,rgba(255,255,2......
  • app直播源代码,弹出层 加遮罩层 页面禁止滑动
    app直播源代码,弹出层加遮罩层页面禁止滑动加遮罩层大标签下加标签 <div:class="[{introduced:AnimationsPopup}]"></div>scss.introduced{ width:100%; height:100%; position:fixed; top:0; left:0;  z-index:90; transition:all0.15slinea......
  • 直播平台搭建,切换页面 滚动条默认最顶端
    直播平台搭建,切换页面滚动条默认最顶端router.afterEach((to,from,next)=>{ window.scrollTo(0,0);});​以上就是直播平台搭建,切换页面滚动条默认最顶端,更多内容欢迎关注之后的文章 ......
  • HTML+CSS+Javascript+Vue
    TableofContentsI.HTMLII.CSSGetStartedI.HTML按tab自动生成LabelMeaningPropertiesdiv块状元素span行间元素h1-h6标题iicon图标strong字体加粗a超链接img插入图片video插入视频controlsinput表单(输入账号、......
  • CSS杂记
    .bigClass{  margin:200pxauto;保证金:200px自动;  width:500px;宽度:500px;  height:500px;高度:500px;  background-color:yellow;背景颜色:黄色;  display:flex;显示:柔体;  /*控制子容器位置*/  align-items:center;align......