Dzwebs.Net

撰写电脑技术杂文十余年

里面的DIV如何跑到外面的DIV之外

Admin | 2016-9-25 7:22:44 | 被阅次数 | 5139

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  有时候我们会看到一些CSS特效,效果比较美观,比如下面的这种特效。


  上图,不知道大家注意了没有?外面有一个DIV,里面有一个DIV,而里面的DIV居然跑到外面的DIV左边的外面去了。这是怎么实现的呢?

  其实,这只需要设置对象的LEFT属性为负值就可以了。

  CSS代码如下:

   .TitleDiv1 {
      position: inherit;
      left: -10px;
      border: solid 1px #005c6a;
      background: #57dad2;
      padding: 8px;
      width: fit-content;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      cursor: pointer;
  }

  所需要的控件如下:

  <div>

  <div class="TitleDiv1">Word基础教程</div>

  </div>


该杂文来自: 网页制作杂文

上一篇:jquery鼠标经过图片变暗变灰

下一篇:CSS3宽度自动调整

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计