div中元素的顺序？解决办法-HTML教程-爱易网页

div中元素的顺序？解决办法

日期：2014-05-17　浏览次数：20848 次

div中元素的顺序？！

不知道图片能不能看见？

代码是：

HTML code


      <div class="grid_39" style="background:#F33;background:url(images/head_news.gif);height:282px;margin:0px;">
          <div class="title_bar">
              <div class="left_wing"></div>
                <div class="title_bar_text">头条新闻</div>
                <div class="right_wing"></div>
                <a href="www.baidu.com"><div class="more"></div></a>
                <div class="cloud"></div>
          </div>
      </div>

css代码是

CSS code


.title_bar{height:23px;width:100%;padding:8px 0 4px 5px;}
.title_bar .left_wing{width:43px;height:23px; background:url(../images/wing_left.gif);float:left;}
.title_bar .title_bar_text{font-size:14px; color:white; line-height:23px; height:23px;float:left; background:url(../images/title_bar_text.gif) repeat-x;padding:0 1px 0 1px; letter-spacing: 5px; font-weight:bold;}
.title_bar .right_wing{width:49px;height:23px; background:url(../images/wing_right.gif);float:left;}
.title_bar .more{width:44px; height:23px; background:url(../images/more.gif) no-repeat;float:right;padding-right:3px;}
.title_bar .cloud{width:77px;height:23px; background:url(../images/cloud.gif) no-repeat;float:right;padding-right:8px;}

为什么more那个按钮会跑到最右边？不是写在cloud前面了吗？
实在不懂了。。。

------解决方案--------------------
Ａ：左
Ｂ：左
则Ａ，Ｂ

反之
Ｃ：右
Ｄ：右
则Ｄ，Ｃ

楼主明白了吗

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

div中元素的顺序？解决办法

相关资料更多>

推荐阅读更多>