display属性可以设置行内元素，块级元素，行内块元素，很灵活的?

就是转化符号“>>”

去github上下载 https://github.com/koen301/myfocus

宽度呢？如果是有父元素，也需要设置一下transparent，如果没有，请自行设置一个宽度值，有了宽度，才会撑开。

wrap

{

width: 1000px;

margin: 0 auto;

}

.logo

{

height: 80px;

}

.logo_left

{

width: 200;

float: left;

}

.logo_right

{

width: 300;

float: right;

height: 28;

margin-top: 30px;

color: #8E8E8E;

}

.logo_right img

{

vertical-align: middle;

margin-right: 10px;

}

.tel

{

font-family: "微软雅黑";

font-size: 16px;

color: #8B0000;

}

.nav

{

height: 40px;

}

.nav_left

{

width: 10px;

background:url(../img/nav_left.jpg);

background: repeat:on_repeat;

float: right;

height: 40px;

}

.nav_mid

{

width: 980px;

background: url(../img/nav_bg.jpg) repeat-x;

float: left;

height: 40px;

}

.nav_right{

width: 10px;

background: url(../img/nav_right.jpg);

background: repeat:no_repeat;

height: 40px;

float: left;

}

.nav_mid_left,.nav_mid_right

{

float: left;

}

.nva_mid_left

{

width: 680px;

}

.nav_mid_right

{

width: 300px;

}

.nav_mid_left li

{

float: left;

list-style-type: none;

width: 100px;

text-align: center;

line-height: 40px;

}

.nav_mid_left a:link,.nav_mid_left a:visited

{

text-decoration: none;

color: ghostwhite;

font-size: 16px;

font: "微软雅黑";

}

.nav_mid_left a:hover,.nav_mid_left a:active

{

text-decoration: none;

color:gold;

font-size: 16px;

font: "微软雅黑";

}

.search_text

{

width: 190px;

height: 25px;

margin-top: 5px;

background: url(../img/search.jpg) no-repeat right center;

background-color:ghostwhite;

padding-right:25px ;

border: 1px solid #FFF;

}

.ad

{

height: 310px;

width: 1000px;

    margin:0 auto;

    overflow: hidden;

}

.main

{

height: 250px;

background-color:#FFFFFF;

}

.news

{

width: 340px;

border: 1px solid #8E8E8E;

}

.course

{

width: 410px;

border: 1px solid #8E8E8E;

background-color: #0099FF;

margin: 0 7px;

}

.sidebar

{

width: 230px;

background-color: blueviolet;

}

.news,.course,.sidebar

{

height: 250px;

float: left;

}

.title

{

height: 35px;

border-bottom: 2px solid #E8E8E8;

}

.title_left

{

width: 70%;

font-family: "微软雅黑";

font-size: 14px;

font-weight: bold;

color: #786F66;

float:left;

line-height: 35px;

padding-left: 20px;

}

.title_right

{

width: 20%;

float: right;

line-height: 35px;

}

.title_right a

{

text-decoration: none;

color: #999999;

}

.pic_news

{

height: 80px;

margin-top: 10px;

line-height: 22px;

font-size: 10px;

}

.pic_news img

{

float: left;

margin: 0 5px;

}

.pic_news a

{

color: #CC0000;

text-decoration: none;

}

.news_list

{

margin-top: 20px;

font-size: 10px;

float: left;

}

.nesw_list li

{

list-style-type: none;

background: url(../img/list.jpg) no-repeat;

}

css呢？代码贴全

大部分的时候 布局的 高度 宽度之类的都给设定好了 大家无论再怎么浮动 也都是在指定的范围弄去玩。当你有一些div 需要内容去撑起自适应高度之类的时候。 可能就需要清除浮动 来避免下方 有一些塌陷

看看代码

span设置浮动就是默认了块级元素，而html先加载a标签的内容，那么span的内容就会由于span的display：block而重新独占一行。这样就导致视频日期掉下来的结果，如果把span换到a的左边，文档就会先加载span，此时设置浮动后会导致文字环绕，在等高情况下会显示同行。IE7之列的浏览器的兼容问题很神奇，也没必要深究

line-height用于单行文本垂直居中

vertical-align:middle用于多行文本垂直居中

详情看http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%A7%E5%B0%8F%E4%B8%8D%E5%9B%BA%E5%AE%9A%E7%9A%84%E5%9B%BE%E7%89%87%E3%80%81%E5%A4%9A%E8%A1%8C%E6%96%87%E5%AD%97%E7%9A%84%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD/

字体大了

看不懂你的描述。。。

<sapn>?????? font-family: bold;???????   老哥你这叫学习？

嗯，我拿你代码试了下，没有出现这种问题呀，就是占据wrap的100%，不会出现你说的占据整个页面的100%。

看的很细心啊  这里是为了区分不同链接用的  tittle属性是当你鼠标悬浮在带有tittle属性的东西上时旁边会显示一个提示框 提示框的内容就是输入在tittle里面的内容

你没发现自己少写了一个</div>闭合标签吗？

代码贴出来看下

text-align: center;水平居中

line-height:35px；垂直居中

是的。js 文件库在最前边的章节资料中。

是这样啊！哈哈

用的插件吧！要不就是编译器自带的功能，只不过你没设置好

.title在哪啦？你的HTML文件中没有title类的标签啊。而且你看你的左浮动还包括了你的右浮动。我建议HTML代码改成这样——

<div class="title">

    <div class="title_left">新闻中心</div>

    <div class="title_right">

        <a>More&gt;&gt;</a>

    </div>

</div>

然后把样式表（就是CSS文件）里的.title下的right:400px;改成width:400px;。未亲测，你看下好使不吧。

望采纳。

我少加了一个</div>

没有css代码，看不到问题出在哪里哦

PSD文件没有，资料下载里面有 图片 

more 是span元素标签的呀，不是内联的

因为div有默认的padding值。最好在style先重置一下margin,padding值。

 *{

margin:0px;

padding:0px

}

每个人有每个人的习惯，何必呢