首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css中绝对定位的使用有关问题

2012-09-20 
css中绝对定位的使用问题title无标题文档/titlestyle typetext/css#branding {width:700pxheigh

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%; 你再看一下!

热点排行