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

谁来教我把它变长?

  •  
  •   lin · 2010 年 4 月 28 日 · 2323 次点击
    这是一个创建于 5742 天前的主题,其中的信息可能已经有所发展或是发生改变。


    基于 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  
       2010 年 4 月 28 日
    设个width?
    GordianZ
        2
    GordianZ  
       2010 年 4 月 28 日
    实在没看懂,你想要的结构nested tag还不对称⋯⋯
    Sai
        3
    Sai  
       2010 年 4 月 28 日
    下图的tag开闭错误

    想要header 100%,把该tag的display:block
    lin
        4
    lin  
    OP
       2010 年 4 月 28 日
    开闭的错误是我刚才我发帖笔误写错了

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

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

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

    但是没用。

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

    感谢各位!
    lin
        5
    lin  
    OP
       2010 年 4 月 28 日
    我把header设成display:block它还是短的
    kaid
        6
    kaid  
       2010 年 4 月 28 日
    检查一下css看看是不是后边的样式给覆盖了
    vayn
        7
    vayn  
       2010 年 4 月 28 日
    试试 width:100%,或者设置固定 height
    lin
        8
    lin  
    OP
       2010 年 4 月 29 日
    我调试的时候直接在<header>里加上style="display:block"的,应该不会覆盖吧?

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

    设成block和float none就好了。

    谢谢各位关心和支持!
    kaid
        11
    kaid  
       2010 年 4 月 29 日
    马甲....?
    lin
        12
    lin  
    OP
       2010 年 4 月 29 日
    啊~马甲现形了。

    拍写~拍写~
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   1007 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:53 · PVG 02:53 · LAX 10:53 · JFK 13:53
    ♥ Do have faith in what you're doing.