CSS Position(定位)

position 定位 不占位

CSS position 定位属性属性,允许您将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。

例图:


例图:


代码如下:

      <div class="dingwei">
            <img src="../img/宝马.jpg" alt="">
      </div>

样式如下:

.dingwei{
    position: relative;
    img{
        position: absolute;
        left: 80px;
        top: 15px;
     }
  } 

相对定位:
position: relative; 给父元素。

绝对定位:
position: absolute; 给子元素。
top: 0px; 上下移动。
left: 0px; 左右移动。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,353评论 1赞 92
  • Class18 CSS Positioning(定位) 四种定位方式 Static 定位 HTML元素的默认值,...
    leonardni阅读 488评论 0赞 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,221评论 1赞 45
  • static 定位 HTML元素的默认值,即没有定位,元素出现在正常的流中。 静态定位的元素不会受到 top, b...
    LJQ21阅读 134评论 0赞 1
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 1,648评论 0赞 5

友情链接更多精彩内容