一个html定位问题,麻烦高手看看看? 超链接的特有定位方式
- 网页制作中css定位问题
- HTML 关于绝对定位的问题手机端
- 如何实现网页超链接的定位问题
- html中都已经绝对定位,但是top:50%;不好使,left:50%好使,或者top:200px;也好使,求解答
网页制作中css定位问题
溢出其实就是指的你内容超过你设定宽度和高度以后是否要隐藏超过的部分
比如你设定hidden,那么相当下面的overflow:hidden,就是防止溢出,如果内容超过了设定的宽度和高度就隐藏超出的部分
div{
overflow:hidden
}
HTML 关于绝对定位的问题手机端
尽量不要用fix,毕竟手机浏览器的处理效果不如pc强,你在拖动的时候,浏览器需要不停的计算你div的位置,一个卡住就跑上去了。一般基本思路就是减少页面css的计算量,通常两种做法:
1、用js获取手机屏幕高度,然后你直接用absolute从上往下写top高度=屏幕高度-浮动条本身高度
2、做伪拖动,也就是并不是实际拖动手机的html高度,而是靠overflow的溢出属性,把需要拖动的内容放在上面的div里,然后用js动态判断手机屏高度然后再赋值。最下面的div本身不做任何浮动处理,直接跟在后面(不过这个也有坑,overflow的拖动体验不如原生拖动,手机不给力可能会一卡一卡的,需要webkit的属性支持)
顺便想到新的css3的flex结构,不过这个我自己没试验过,不知道能不能成为新的解决办法,愿意的话你自己也能试试。
如何实现网页超链接的定位问题
可以用锚点
//a标签中的代码:
<a href="#demo1">跳转1</a>
<a href="#node2">跳转2</a>
<a href="#node3">跳转3</a>1234
//跳转到的代码 <p>00000000</p>
<p>00000000</p>//…省略 <p id="demo1">11111111</p>
<p>00000000</p>
<p>00000000</p>
<p>00000000</p>//…省略 <p id="node2">22222222</p>
<p>00000000</p>//…省略 <p id="node3">33333333</p>
<p>00000000</p>//…省略
html中都已经绝对定位,但是top:50%;不好使,left:50%好使,或者top:200px;也好使,求解答
绝对定位和相对定位都是针对父元素的,所以父元素也需要有{position:relative;}