css笔记

如何让多个元素横向摆放,且可以拖动

<div id="root">
  <div class="root-c"></div>
  <div class="root-c"></div>
  <div class="root-c"></div>
</div>
#root{
    overflow: auto;
}
.root-c{
    width:3000px;
  }

只需要这么简单的设置,class为root-c的元素就会横向摆放并可以拖动.


关于margin-top有效,top却无效的情况

这是因为position是static的缘故(static是position的默认值),static定位会忽略掉top,right,bottom和left.


margin-top与top的区别

margin-top是相对定位,top是绝对定位.


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS格式化排版 文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性,如下: 不...
    wq04200阅读 3,043评论 0 1
  • css笔记总结 1.CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 选择器通常是您需要改变样式的 ...
    一生有你_c480阅读 3,398评论 1 1
  • CSS的固定格式: 文字相关属性: 1.规定文字样式的属性 格式:font-style: italic; 取值: ...
    Sky_Boss阅读 4,642评论 0 1
  • 盒子模型: padding为1个值代表上下左右四个值相同; padding为2个值:第一个代表上下内边距,第二...
    前端森林阅读 1,254评论 0 0
  • web端弹性盒子知识点 弹性容器属性 flex-direction 值:row | row-reverse | c...
    hammercui阅读 2,490评论 0 1