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 小露峥嵘
|