V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lin
V2EX  ›  自言自语

谁来教我把它变长?

  •  
  •   lin · 2010-04-28 12:08:14 +08:00 · 1934 次点击
    这是一个创建于 5124 天前的主题,其中的信息可能已经有所发展或是发生改变。


    基于 http://baselinecss.com/ 写的。

    上图的结构是<article><header><h1></h1><p></p></header></article>

    我想要的效果是如下图那样,结构是
    <article><div><h1></h1><p></p></header></div>

    如果用<article><header>,能否做到我要的结果?
    用固定宽度?
    12 条回复    1970-01-01 08:00:00 +08:00
    GordianZ
        1
    GordianZ  
    MOD
       2010-04-28 12:24:36 +08:00
    设个width?
    GordianZ
        2
    GordianZ  
    MOD
       2010-04-28 12:26:25 +08:00
    实在没看懂,你想要的结构nested tag还不对称⋯⋯
    Sai
        3
    Sai  
       2010-04-28 12:48:58 +08:00
    下图的tag开闭错误

    想要header 100%,把该tag的display:block
    lin
        4
    lin  
    OP
       2010-04-28 15:13:43 +08:00
    开闭的错误是我刚才我发帖笔误写错了

    下图,也就是那个title宽度全长的代码是:

    <article><div><h1></h1><p></p></div></article>

    我记得好像设过header为display:block

    但是没用。

    我现在在外面。我回去在设来看看。

    感谢各位!
    lin
        5
    lin  
    OP
       2010-04-28 20:47:53 +08:00
    我把header设成display:block它还是短的
    kaid
        6
    kaid  
       2010-04-28 22:17:38 +08:00
    检查一下css看看是不是后边的样式给覆盖了
    vayn
        7
    vayn  
       2010-04-28 22:24:06 +08:00
    试试 width:100%,或者设置固定 height
    lin
        8
    lin  
    OP
       2010-04-29 00:39:14 +08:00
    我调试的时候直接在<header>里加上style="display:block"的,应该不会覆盖吧?

    如果width:100%,就会在右边突出于父级标签,因为它会和父级一样长。而左边有18px的间隔,所以右边就突出了18px……
    kaid
        9
    kaid  
       2010-04-29 10:39:21 +08:00
    看看是不是什么地方设置了float
    x
        10
    x  
       2010-04-29 11:41:00 +08:00
    是float的问题。

    设成block和float none就好了。

    谢谢各位关心和支持!
    kaid
        11
    kaid  
       2010-04-29 14:51:55 +08:00
    马甲....?
    lin
        12
    lin  
    OP
       2010-04-29 15:27:05 +08:00
    啊~马甲现形了。

    拍写~拍写~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1003 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 21:32 · PVG 05:32 · LAX 14:32 · JFK 17:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.