css中绝对定位的使用有关问题
日期：2014-05-17 浏览次数：20587 次
css中绝对定位的使用问题
<title>无标题文档</title>
<style type="text/css">
#branding {
width:700px;
height:100px;
position:relative;
}
#branding.tel{
position:absolute;
right:10px;
bottom:10px;
text-align:right;
}
</style>
</head>
<body>
<div id="branding">
<p class="tel">Tel: 1345 234 234</p>
</div>
</body>
</html>
这儿把电话号码定位到div的右下角，为什么在IE FF中看到的都是定位到div的左上角？？？
------解决方案--------------------
#branding.tel 这里 注意 空格 #branding .tel
------解决方案--------------------
因为你用的是绝对定位，所以子元素脱离了父元素，它怎么继承，你把#branding .tel 里的绝对定位值删了你现看一下，子元素有没有继承父元素。如果你在网页中需要这要，那你可以设置 #branding .tel 的宽度来实现啊，比如：加一个 width:100%; 你再看一下！
<title>无标题文档</title>
<style type="text/css">
#branding {
width:700px;
height:100px;
position:relative;
}
#branding.tel{
position:absolute;
right:10px;
bottom:10px;
text-align:right;
}
</style>
</head>
<body>
<div id="branding">
<p class="tel">Tel: 1345 234 234</p>
</div>
</body>
</html>
这儿把电话号码定位到div的右下角，为什么在IE FF中看到的都是定位到div的左上角？？？
------解决方案--------------------
#branding.tel 这里 注意 空格 #branding .tel
------解决方案--------------------
因为你用的是绝对定位，所以子元素脱离了父元素，它怎么继承，你把#branding .tel 里的绝对定位值删了你现看一下，子元素有没有继承父元素。如果你在网页中需要这要，那你可以设置 #branding .tel 的宽度来实现啊，比如：加一个 width:100%; 你再看一下！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
