当前位置：首页 → 问答吧 → css+div求兼容IE和FF写法

css+div求兼容IE和FF写法

时间：2011-07-02

来源：互联网

小弟刚刚毕业,比较菜,求高手指点,
1:
<div class="wai">
<div class="left">
我是左边
</div>
<div class="right">
我是右边
</div>
</div>
我希望2个div分别在外面div的两端显示且宽度设为50px(这个是随便说的,呵呵),因为这里是一个片段,class为wai的div其实还有很多同级的div而且还存在父子的元素,如果wai和left都设置float为left,right设置float为right单上上面的3个元素貌似FF不兼容

2:
<div class="wai">
<div class="middle">
我是中间
</div>
<div class="right">
我是右边
</div>
</div>
相信看了第一个应该知道第二个是上面效果了吧

3:
<div class="wai">
<div class="left">
</div>
<div class="right">
</div>
<div class="down">
</div>
</div>
第三个和第一个差不多,就是down在下面且width为100%,大家懂得!!

木有多少分额!
求CSS!!!

作者: syy110112 发布时间: 2011-07-02

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<div class="wai" style="width:200px; border:1px solid #000">
  <div class="left" style="width:50px; height:50px; float:left; border:1px solid red">
  我是左边
  </div>
  <div class="right" style="width:50px; height:50px; float:right; border:1px solid red">
  我是右边
  </div>
  <div style="clear:both"></div>
</div>
<br />
<div class="wai" style="width:200px; border:1px solid #000; position:relative">
  <div class="middle" style="width:50px; height:50px; margin:0 auto; border:1px solid red">
  我是中间
  </div>
  <div class="right" style="width:50px; height:50px; position:absolute; border:1px solid red; right:0; top:0">
  我是右边
  </div>
</div>
<br />

<div class="wai" style="width:200px; border:1px solid #000">
  <div class="left" style="width:50px; height:50px; float:left; border:1px solid red">
  我是左边
  </div>
  <div class="right" style="width:50px; height:50px; float:right; border:1px solid red">
  我是右边
  </div>
  <div class="down" style="width:100%; clear:both; height:20px; border:1px solid blue">
  我是下面
  </div>
</div>
</body>
</html>

作者: aspwebchh 发布时间: 2011-07-02

css+div求兼容IE和FF写法

热门阅读

热门下载