`
shihuan830619
  • 浏览: 582786 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

两个DIV的相对位置(右上角)

    博客分类：
  • html
JavaHTML 
阅读更多
HTML代码如下： 
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 </head>

 <body>
  <div id=shihuan style="position:absolute; left:220px; top:104px; width:157px; height:29px;; overflow:visible;">

   <span style="position:absolute; left:0px; top:0px; width:156px; height:28px;">
    <img style="width:156px; height:28px;" src="shihuan/selecttp.png" border="0" alt="">
   </span>

  </div>


  <div id=shihuanann style="font-size:1px; position:absolute; left:367px; top:100px; width:1px; height:1px; overflow:visible;">
   <img style="width:16px; height:16px; cursor:help;" src="shihuan/note.gif" border="0" alt="">
  </div>
 </body>
</html>
0
顶
4
踩
分享到：
| jQuery弹出层
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html+css制作div标签增加右上角删除图标的示例代码

    标题中的“html+css制作div标签增加右上角删除图标的示例代码”是指通过HTML和CSS技术，在一个Div元素的右上角添加一个可点击的删除图标。这个功能常见于网页设计中，用于创建具有交互性的用户界面，例如删除按钮...

    借助CSS定位来实现把一个DIV放到另一个div右下角

    在本示例中，我们将探讨如何使用CSS定位属性将一个DIV元素放置在其父DIV元素的右下角。理解并掌握CSS定位技术对于网页布局和元素定位至关重要。 首先，我们需要了解CSS中有几种不同的定位方式，包括静态定位...

    CSS控制div在网页中的位置

    例如，假设你有一个div元素，你想要它出现在屏幕的右上角，你可以使用以下CSS代码： ```css #myDiv { position: absolute; top: 0; right: 0; } ``` 此外，绝对定位的元素可以通过`z-index`属性来控制层级，...

    div中的相对定位与绝对定位.pdf

    在这个例子中，`.child`元素将相对于`.parent`元素的右上角进行定位。 在实际网页设计中，经常遇到需要元素随页面内某个特定元素定位的情况，而不是相对于浏览器窗口。此时，可以将该元素的父级或祖父级元素设置为`...

    js实现鼠标拖拽div左右滑动

    首先，HTML部分创建了一个带有内部小div的主div，两个div都有绝对定位。主div（#box）设置为页面中间，而小div（#small-box）位于主div的左上角，并设置了可移动的鼠标指针样式。 ```html &lt;div id="box"&gt; &lt;div id=...

    div弹出层position属性小解

    本文将详细介绍 `position` 属性中的两种常见定位方式：`relative` 和 `absolute`，以及它们在 div 弹出层中的应用。 #### 1. `relative` 定位 `relative` 定位是指元素相对于其正常位置进行定位。也就是说，如果...

    jQuery右下角pop弹窗漂浮广告代码，兼容主流浏览器.rar

    总结起来，实现一个兼容主流浏览器的jQuery右下角pop弹窗漂浮广告代码，主要涉及以下几个步骤： 1. 引入jQuery库。 2. 创建HTML结构和CSS样式，设计弹窗的外观和位置。 3. 使用jQuery控制弹窗的显示与隐藏，包括延迟...

    CSS3+DIV网页样式与布局从入门到精通（未来科技） 源代码

    2. **浮动布局**：使用 `float` 属性可以让元素向左或向右浮动，常用于构建两栏或多栏布局。 3. **定位布局**： - **相对定位**：相对于自身位置进行偏移。 - **绝对定位**：相对于最近的已定位祖先元素进行定位。...

    绝对定位+相对定位的妙用——一秒搞清子父级关系

    假设我们有一个`div`作为父元素，设置为相对定位，里面包含一个子`div`。子`div`使用绝对定位，可以精确地放置在父`div`的某个角落，例如右下角，只需要设置`position: absolute; bottom: 0; right: 0;`。这样，...

    CSS和Js演示网页绝对定位与相对定位，这些是我们从事前端编程的基础技能，应该学会的东西，这个小示例会告诉你绝对与相对的区别，以及如何去实现他们

    在提供的代码片段中，我们看到了两个`div`元素，分别使用了绝对定位和相对定位来展示这两种定位方式的效果。 #### 绝对定位示例 ```html &lt;div id="abs"&gt;绝对定位&lt;/div&gt; ``` - `#abs`元素设置了`position: absolute...

    通过绝对定位实现div重叠实例代码

    2. `left` 和 `right` - 这两个属性用于指定元素左边缘或右边缘距离最近已定位祖先元素的距离。在本例中，`.div-a`、`.div-b`和`.div-c`都设置了`left`属性，用来控制它们在水平方向上的位置。 3. `top` 和 `bottom...

    【JavaScript源代码】js实现碰撞检测.docx

    - `&lt;span&gt;`元素设置为蓝色，大小为100px * 100px，初始位置位于`&lt;div&gt;`的左上角。 2. 用户交互： - 当用户按下鼠标时，`&lt;span&gt;`元素可以被拖动。通过`onmousedown`事件监听鼠标按下，计算鼠标与元素的相对位置。 ...

    什么是css定位？css定位怎么使用.docx

    使用CSS对这两个`&lt;div&gt;`进行样式设置，使第二个`&lt;div&gt;`固定在屏幕的右上角。 ```css .container { width: 80%; margin: 0 auto; border: 1px solid #ccc; position: relative; /* 设置为相对定位，以便于...

    CSS3中border-radius属性设定圆角的使用技巧

    如果指定了两个值，则第一个值用于左上角和右下角，第二个值用于右上角和左下角。如果指定了三个值，则第一个值应用于左上角，第二个值应用于右上角和左下角，第三个值应用于右下角。最后，如果四个值都被指定，则...

    无懈可击的CSS圆角边框(自由伸缩)

    - 一个链接`&lt;a&gt;`及其包裹的`&lt;strong&gt;`元素，用于放置右上角的圆角图片。 - 另外一个`&lt;p&gt;`元素，用于放置左下角的圆角图片。 - 最后一个`&lt;strong&gt;`元素，用于放置右下角的圆角图片。 这样的结构确保了即使内容变化时...

    div+css实现的小三角tip小提示(原理及代码)

    这里有两个关键的CSS类，`.y` 和 `.z`，它们都设置为绝对定位且左边距相同，但顶部位置略有差异。`.y` 设置为内容颜色（例如：`#ff9`），`.z` 设置为边框颜色（例如：`#f96`）。通过调整`.y` 和 `.z` 的顶部位置，...

    深入理解css布局之定位与浮动

    相对定位的`div`会向右下角偏移，而绝对定位的`div`会相对于视口的右上角定位，固定定位的`div`则始终位于屏幕底部左侧。 理解并熟练运用定位和浮动是创建响应式、动态布局的关键，它们可以帮助开发者在网页设计中...

    JS用斜率判断鼠标进入DIV四个方向的方法

    此外，`e.clientX`和`e.clientY`是事件对象的两个属性，分别表示鼠标指针在页面视口中的水平和垂直位置。 在实现斜率判断方法之前，我们需要获取DIV元素的位置和尺寸信息。具体来说，我们需要DIV左上角的坐标`(x1, ...

    html爱心代码html爱心代码

    通过调整`border-radius`属性，我们创建了两个上半部分的圆形，其中`:before`的左上角是圆心，`:after`的右上角是圆心。`top`和`left`属性分别用来调整这两个半圆在页面上的位置，使得它们能够形成一个完整的爱心...

Magicbox
Global site tag (gtag.js) - Google Analytics