这是一个创建于 3737 天前的主题，其中的信息可能已经有所发展或是发生改变。
自学了几天html4，css2。做了一个简单的个人网页。学术类型的，因此比较简单。
有几个问题：
1.为什么第一行最右端的div的padding不起作用。
2.有什么字体适合这种个人主页，求推荐。
3.关于网页的一切，求批评。
地址是 minglab.net
有几个问题：
1.为什么第一行最右端的div的padding不起作用。
2.有什么字体适合这种个人主页，求推荐。
3.关于网页的一切，求批评。
地址是 minglab.net
 |
1
66beta 2014-09-25 10:22:19 +08:00  1
1. 由于前面两个div是float，所以第三个div是从最左边开始计算的，padding-left:10em; 换成 margin-left: 605px;
你可以在每个div上加不同背景色就能看出来啥情况了 |
 |
2
aa65535 2014-09-25 11:03:53 +08:00 1
在那三个 div 后面加上一个 <div style="clear: both;"></div>
那三个 div 全部加上 float: left; 并指定 width 另外一个建议就是少用 id 多用 class |
 |
3
emric 2014-09-25 11:48:06 +08:00 1
给第三个值得宽度就好, 或者加上 overflow: hidden 触发 BFC.
至于字体排版, 这又是一门深奥的艺术了... 我一般会用这个字体集 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif 在各个系统应该是最优的字体集, 至于在 Windows 中是否使用 Yahei 一直是在争执, 这个问题我就不多讨论了. |
 |
4
serenader 2014-09-25 13:16:44 +08:00 1
关于浮动布局的楼上已经说的很清楚了。
我讲讲我自己的思路。 我不太喜欢用浮动，比较喜欢用 inline-block 。 为前面这三个 div 设置这两条规则： display: inline-block; vertical-align: top; 然后去掉前两个 div 的 float ，再给最后一个 div 加上宽度就可以了。这样也能达到你原来的这种效果，而且更灵活一些（个人认为）。 有一点需要注意的是，最后一个 div 的宽度的计算需要考虑这三个 div 本身的边框大小。 |
 |
5
klam 2014-09-25 13:56:17 +08:00 1
@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/ |
 |
6
will0404 2014-09-25 14:29:00 +08:00
哈哈好粗糙 我也正在学html5加css3 水平差不多
|
 |
7
chenminghit OP @will0404 哈哈，你好菜
|
|
8
will0404 2014-09-25 17:24:09 +08:00
@chenminghit 切 你也是
|
 |
9
hansnow 2014-09-25 23:15:59 +08:00 via Android
吃饭前看的帖子，吃完饭之后再一看完全不一样啦～变得美观了很多
|
|
10
chenminghit OP @hansnow 小露峥嵘
|
Select Language