V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
chenminghit
V2EX  ›  问与答

求前端指导

  •  
  •   chenminghit · 2014-09-25 10:13:14 +08:00 · 2970 次点击
    这是一个创建于 3697 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自学了几天html4,css2。做了一个简单的个人网页。学术类型的,因此比较简单。
    有几个问题:

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

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

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

    地址是 minglab.net
    10 条回复    2014-09-25 23:40:35 +08:00
    66beta
        1
    66beta  
       2014-09-25 10:22:19 +08:00   ❤️ 1
    1. 由于前面两个div是float,所以第三个div是从最左边开始计算的,padding-left:10em; 换成 margin-left: 605px;

    你可以在每个div上加不同背景色就能看出来啥情况了
    aa65535
        2
    aa65535  
       2014-09-25 11:03:53 +08:00   ❤️ 1
    在那三个 div 后面加上一个 <div style="clear: both;"></div>
    那三个 div 全部加上 float: left; 并指定 width

    另外一个建议就是少用 id 多用 class
    emric
        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 一直是在争执, 这个问题我就不多讨论了.
    serenader
        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 本身的边框大小。
    klam
        5
    klam  
       2014-09-25 13:56:17 +08:00   ❤️ 1
    will0404
        6
    will0404  
       2014-09-25 14:29:00 +08:00
    哈哈好粗糙 我也正在学html5加css3 水平差不多
    chenminghit
        7
    chenminghit  
    OP
       2014-09-25 14:39:18 +08:00
    @will0404 哈哈,你好菜
    will0404
        8
    will0404  
       2014-09-25 17:24:09 +08:00
    @chenminghit 切 你也是
    hansnow
        9
    hansnow  
       2014-09-25 23:15:59 +08:00 via Android
    吃饭前看的帖子,吃完饭之后再一看完全不一样啦~变得美观了很多
    chenminghit
        10
    chenminghit  
    OP
       2014-09-25 23:40:35 +08:00
    @hansnow 小露峥嵘
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   941 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 21:04 · PVG 05:04 · LAX 13:04 · JFK 16:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.