css3 div 定位子DIV需要自动智能定位，怎么做到底端对齐？

来源：蜘蛛抓取(WebSpider) 时间：2015-02-13 01:28 标签： css3两端对齐
css怎么让div上下居中，靠右对齐_百度知道
css怎么让div上下居中，靠右对齐
让div还随滚动条移动。
下居中··这个肯定就要用js算出来了···靠右对齐有很多种方法··position: right: 0
来自团队：
其他类似问题
2人觉得有用
为您推荐：
其他5条回答
div id=&style&&lt:1px solid #0F0}&lt:div&style&/ position:200&gt:150#ad{ad&&lt:0;&#47:35%&lt
position: top:50%; right:0; margin-top用负div一半的高度的值。就可以上下居中，靠右对齐，但是div得给高度，要不然上下居中就得要用js算出来了
&html&&head&&title&跟随滚动&/title&&/head&&script language=&javascript&&function yidong(){var abc = document.getElementById(&leftdiv&); abc.style.top = document.body.scrollT
setTimeout(&yidong()&,6); }&/script&&body onload=&yidong()&&&div style=&height:1600&&内容显示层&/div&&div id=&leftdiv& style=&position:z-index:1; left:10& &层内显示&/div&&/body&&/html&
两个DIV同样的外边距就行了.cssDiv 或者把它们装在另一个DIV里面，外面那层DIV设置两边内边距相等如果帮助到您，请记得采纳为满意答案哈，谢谢！祝您生活愉快！
margin:auto 0;
float:right,你试试可以不，我没测试哦
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁标签： , , , , , , ,
赞助商广告()：
如果你月薪不足20K，不妨
希望拥有自己的域名博客？
如果你有1~3年前端开发经验，不妨
听说、你想学JS？不妨
发表评论（目前30 条评论）
热门总排行7863人阅读
最近热衷于前端的开发，因为突然发现虽然对于网站、应用来说，功能处于绝对重要的地位，但是用户体验对于用户来讲同样是那么的重要，可以说是第一印象。最近在开发当中发现以前对于css中的position的理解有些偏颇，在这里分享一下这几天的学习。
首先总体介绍一下接下来要分析的position属性的两个值：absolute和relative（绝对定位和相对定位），
绝对定位：1、当某元素使用绝对定位并且未设置top，left的值时，实际上并未真正脱离文档流，2、使用绝对定位并且设置了top，left时，这才脱离了文档流，并以最外层body元素作为父容器，
相对定位：1、当某元素使用相对定位时，无论设不设置top，left的值，都不会脱离文档流
接下来以实验论证我的观点，贴出一段实验小代码
&!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8&/&
&title&&/title&
&body onload=&init();&&
&div style=&width: 400height:400border: cadetblue 2&&
&div style=&width: 300height: 30border: 2&&
&div style=&position:width: 80height: 30border: 2& id=&absolute&&
&div style=&position:width: 160height: 60border: 2left: 150& id=&relative&&
function init(parameters) {
var absoluteStr = &absolute :top=& + absolute.offsetTop + &,left=& + absolute.offsetL
absolute.innerHTML = absoluteS
var relativeStr = &relative :top=& + relative.offsetTop + &,left=& + relative.offsetL
relative.innerHTML = relativeS
相信这个就不用多做解释了，外层一个div，里面有三个div，第一个是普通div，接下来一个id是absolute，另一个是relative，摆明了就是分别测试absolute和relative的。
我们在init函数中分别将absolute和relative的div的内容显示两个div分别的top和left
最外层div距离浏览器上边框10px，里面第一个（红色）div高度为30，在absolute和relative中可以看出top的值是一样的，那么是不是就说明无论是absolute还是relative在这个时候都未脱离文档流，因为他们被上面第一个div挤下来了，接下来分别将absolute和relative两个div设置 top=100px,那么结果如下：
由上图可以看出，设置了top之后，absolute这个元素的top值是100px，而relative的top值却是144px，说明absolute这个元素是脱离了文档流以body为父元素的，而relative中的144=100+44，说明relative是以外层div为父容器，并且未脱离文档流，在上一个（红色）div的基础上向下平移了100px，由此证明了以上论断。
position属性值还有fixed，和默认值static，以及top，left的用法还有很多注意事项，以后慢慢再说。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：250159次
积分：1914
积分：1914
排名：第14648名
原创：26篇
转载：14篇
评论：98条
(3)(2)(1)(2)(2)(4)(3)(3)(9)(9)(2)
xuesongtancss 对齐问题，怎么让div顶端对齐？_百度知道
css 对齐问题，怎么让div顶端对齐？
要让div顶端对其，那么就必须根据HTML的布局和css样式的对其方式决定了：
1.浮动(float),这种情况下默认横向是left,纵向是top方向，所以默认就满足顶端对其；
2.定位(position),这种情况下只要设置要top的值就可以了；
3.display：inline-block；这种情况下，一般不是顶端对其，必须在父级加上一条样式：vertical-align:才能实现顶端对其。Ps：这些都是基于整个div的情况下，而实际表现出来的效果。可能会受到margin、padding等样式的影响，所以最好是能够将这些因素根据自己的需求考虑进去
其他类似问题
为您推荐：
提问者采纳
top:xx:absolute需要用position
提问者评价
解决了，是左边left代码问题，记得删除了一项就好了。谢谢大家的帮助
其他5条回答
看下是不是你左边，或者右边的 div 的宽度太大。它俩的宽度和大于外面 div 的宽度也会导致下面的 div 不能浮动上去。
把浮动清除.clear:你把代码都贴出来,我教你怎么改!
注意：position 设定力absolute 那绝对位置来定义！
新建一个DIV把你要对齐的DIV都放进去，让里面所有DIV左浮动float:left，然后所有DIV的padding-top和margin-top都设置为0或者一样。
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁外部一个div，内部3个div，可以实现在div中类似网格的精确对齐吗，不需要人为手动去对齐。_百度知道
外部一个div，内部3个div，可以实现在div中类似网格的精确对齐吗，不需要人为手动去对齐。
hiphotos.jpg" esrc="/zhidao/wh%3D600%2C800/sign=bb6ad43e30fa828bdf6d0c/a044adb7d7f669ff32adcbef76099b9b://h./zhidao/wh%3D450%2C600/sign=af0afafdfe/a044adb7d7f669ff32adcbef76099b9b.baidu./zhidao/pic/item/a044adb7d7f669ff32adcbef76099b9b://h://h.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http<a href="http
我有更好的答案
等都兼容了用css3里的叫box的属性貌似可以，在等一段时间，不过兼容性还不好
直接一个float:就ok
其他类似问题
为您推荐：
网格的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 css3两端对齐 的文章

 

随机推荐