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

求前端指导

  •  
  •   chenminghit 2014-09-25 10:13:14 +08:00 3419 次点击
    这是一个创建于 4100 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自学了几天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     Solana     4651 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 01:09 PVG 09:09 LAX 17:09 JFK 20:09
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86