求前端指导

[chenminghit]

自学了几天html4，css2。做了一个简单的个人网页。学术类型的，因此比较简单。
有几个问题：

1.为什么第一行最右端的div的padding不起作用。

2.有什么字体适合这种个人主页，求推荐。

3.关于网页的一切，求批评。

地址是 minglab.net

[66beta]

1. 由于前面两个div是float，所以第三个div是从最左边开始计算的，padding-left:10em; 换成 margin-left: 605px;

你可以在每个div上加不同背景色就能看出来啥情况了

[aa65535]

在那三个 div 后面加上一个 <div style="clear: both;"></div>
那三个 div 全部加上 float: left; 并指定 width

另外一个建议就是少用 id 多用 class

[emric]

给第三个值得宽度就好, 或者加上 overflow: hidden 触发 BFC.

至于字体排版, 这又是一门深奥的艺术了... 我一般会用这个字体集
'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif
在各个系统应该是最优的字体集, 至于在 Windows 中是否使用 Yahei 一直是在争执, 这个问题我就不多讨论了.

[serenader]

关于浮动布局的楼上已经说的很清楚了。

我讲讲我自己的思路。

我不太喜欢用浮动，比较喜欢用 inline-block 。

为前面这三个 div 设置这两条规则：

display: inline-block;
vertical-align: top;

然后去掉前两个 div 的 float ，再给最后一个 div 加上宽度就可以了。这样也能达到你原来的这种效果，而且更灵活一些（个人认为）。

有一点需要注意的是，最后一个 div 的宽度的计算需要考虑这三个 div 本身的边框大小。

[klam]

@serenader 还要加一条 {word-spacing: -6px}

详见： http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/

[will0404]

哈哈好粗糙 我也正在学html5加css3 水平差不多

[chenminghit]

@will0404 哈哈，你好菜

[will0404]

@chenminghit 切 你也是

[hansnow]

吃饭前看的帖子，吃完饭之后再一看完全不一样啦～变得美观了很多

[chenminghit]

@hansnow 小露峥嵘