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