2018 年 10月 8 日随笔档案 - xiadengqi

2018年10月8日

摘要： .wrapper{ border:3px solid red; float: left;}.content{ width: 100px; height: 100px; background: black; color: #fff; float: left;}</style></head><body> 阅读全文

posted @ 2018-10-08 16:50 xiadengqi 阅读(150) 评论(0) 推荐(0)

清浮动的几种方法

摘要：给需要单独一行的元素添加clear:both .wrapper{ border:1px solid #000;}.content{ width: 100px; height: 100px; background: black; color: #fff; float: left;}p{ border- 阅读全文

posted @ 2018-10-08 11:58 xiadengqi 阅读(123) 评论(0) 推荐(0)

元素浮动对文档流的影响

摘要：块级元素看不到float元素；产生了BFC的元素和inline元素及文本可以看到float元素； .box{ float: left; width: 100px; height: 100px; background: black; opacity: 0.5;}.demo{ width: 150px 阅读全文

posted @ 2018-10-08 11:51 xiadengqi 阅读(272) 评论(0) 推荐(0)

元素居中的几种实现方式

摘要：绝对定位方式：div{ width: 100px; height: 100px; background: green; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px;} 注释：DIV绝对定阅读全文

posted @ 2018-10-08 10:41 xiadengqi 阅读(130) 评论(0) 推荐(0)

绝对定位和相对定位

摘要：定位的两种方式： absolution：脱离原来文档流，相对于最近的有定位的父级进行定位，如果没有就相对于文档定位； relative：保留原来文档流位置进行定位，相对于自己原来的位置定位；参数：left:20px; //相对于原来位置左移20px; 阅读全文

posted @ 2018-10-08 10:22 xiadengqi 阅读(156) 评论(0) 推荐(0)