搜索
查看: 6680|回复: 10

[HTML] <li>标签只要超过太多,就会显示滚动条

[复制链接]

27

主题

116

帖子

787

积分

三级会员

Rank: 4

积分
787
发表于 2013-5-11 00:17:14 | 显示全部楼层 |阅读模式
当我添加<li>的时候,稍微多一点还好,窗体上不会出现,但只要一多,就会出现,但是我放大缩小下。就没有了,。
这是什么原因呢!
  1. import win.ui;
  2. /*DSG{{*/
  3. var mainForm = ..win.form( bottom=459;text="HTMLayout - 无边框窗口";border="none";right=841 )
  4. mainForm.add(  )
  5. /*}}*/

  6. import win.util.round;
  7. win.util.round(mainForm,,,6,6); //窗体改成圆角,最后两个参数指定圆角半径
  8. import web.layout;
  9. import web.layout.behavior.windowCommand;
  10. //创建网页浏览器
  11. var wbLayout = web.layout( mainForm )

  12. wbLayout.html = /**
  13. <div #title-bar command="window-caption">  
  14.     <div .buttons>
  15.         <a command="window-min">0</a>
  16.         <a command="window-max">1</a>
  17.         <a command="window-close">r</a>
  18.     </div>
  19.     <div id = "strfont" >
  20.                 <a>内容设置</a>
  21.            </div>
  22. </div>
  23.         <div style="behavior:windowSizer"/>  
  24.         <li id = "strlist"><h2>网站列表</h2></li>
  25. <div id="123">
  26.                 <ul id="321">
  27.                                 <li>
  28.                                         Hello</li>
  29.                                 <li>
  30.                                         Wibble</li>
  31.                                 <li>
  32.                                         Foo</li>
  33.                                 <li>
  34.                                         Bar</li>
  35.                                 <li>
  36.                                         Baz</li>
  37.                                 <li>
  38.                                         Hello</li>
  39.                                 <li>
  40.                                         Wibble</li>
  41.                                 <li>
  42.                                         Foo</li>
  43.                                 <li>
  44.                                         Bar</li>
  45.                                 <li>
  46.                                         Baz</li>
  47.                                 <li>
  48.                                         Hello</li>
  49.                                 <li>
  50.                                         Wibble</li>
  51.                                 <li>
  52.                                         Foo</li>
  53.                                 <li>
  54.                                         Bar</li>
  55.                                 <li>
  56.                                         Baz</li>
  57.                                 <li>
  58.                                         Hello</li>
  59.                                 <li>
  60.                                         Wibble</li>
  61.                                 <li>
  62.                                         Foo</li>
  63.                                 <li>
  64.                                         Bar</li>
  65.                                 <li>
  66.                                         Baz</li>
  67.                                 <li>
  68.                                         Hello</li>
  69.                                 <li>
  70.                                         Wibble</li>
  71.                                 <li>
  72.                                         Foo</li>
  73.                                 <li>
  74.                                         Bar</li>
  75.                                 <li>
  76.                                         Baz</li>
  77.                                 <li>
  78.                                         Hello</li>
  79.                                 <li>
  80.                                         Wibble</li>
  81.                                 <li>
  82.                                         Foo</li>
  83.                                 <li>
  84.                                         Bar</li>
  85.                                 <li>
  86.                                         Baz</li>
  87.                         </ul>
  88.                 </div>

  89. **/

  90. wbLayout.css = /**
  91. html{         
  92.     border-radius:4px; /*8像素大小的圆角*/
  93.     html-shadow: black 2px 2px 12px 2px;

  94. }
  95. #321{
  96. background-color:#00FFFF;
  97. width:150px;
  98. height:150px;
  99. overflow: hidden
  100. }

  101. #strfont{
  102.         position:absolute;/*使用绝对定位*/
  103.         height:20px;
  104.         width:100%%;
  105.         left:180px;
  106.         top:65px;
  107.         font-size:24px;
  108. }
  109. #title-bar{
  110.     behavior:windowCommand;/*添加交互行为:windowCommand*/
  111.     width:100%; /*宽度撑满窗口*/
  112.     height:100px; /*高度36像素,px表示单位为像素*/
  113.     background:#E9EDF1; /*背景色*/
  114. }  
  115. #title-bar .buttons {
  116.     width:85px;/*宽度85像素*/
  117.     height:16px;/*高度16像素*/
  118.     flow:horizontal;/*内部水平布局横向排列按钮*/
  119.    
  120.     position:absolute;/*使用绝对定位*/
  121.     right:2px;/*右边距2像素*/
  122.     top:0px;/*顶边距0像素*/
  123. }

  124. #title-bar a[command]{
  125.     display:block; /*显示为块模式,才能指定宽高*/
  126.     width:16px;/*宽度16像素*/
  127.     height:16px;/*高度16像素*/
  128.     font-family:"Marlett"; /*该字体显示按钮符号*/
  129.     padding:4px 4px 5px 4px;/*上右下左内边距*/   
  130. }
  131. #title-bar a[command]:hover{
  132.     background:#ACE4FE;/*鼠标移到节点上改变背景色*/
  133. }
  134. #title-bar a[command="window-restore"]{
  135.     content:"2";/*自动转换到还原按钮时,改变内部文本为还原符号*/
  136. }

  137. **/
  138. wbLayout.updateWindow()
  139. wbLayout.wait()
  140. mainForm.show()
  141. win.loopMessage();
复制代码
回复

使用道具 举报

27

主题

116

帖子

787

积分

三级会员

Rank: 4

积分
787
 楼主| 发表于 2013-5-11 17:01:48 | 显示全部楼层

没找到原因,不过暂时找的一个解决的方法就是保存出来,然后直接用 wblayout.go访问就没有了

没找到原因,不过暂时找的一个解决的方法就是保存出来,然后直接用 wblayout.go访问就没有了
回复

使用道具 举报

2

主题

17

帖子

307

积分

二级会员

Rank: 3Rank: 3

积分
307
发表于 2013-8-25 10:55:54 | 显示全部楼层

试试在CSS代码开头的html{}里加入这句 overflow:none;

试试在CSS代码开头的html{}里加入这句
overflow:none;
回复

使用道具 举报

27

主题

116

帖子

787

积分

三级会员

Rank: 4

积分
787
 楼主| 发表于 2013-8-28 14:39:40 | 显示全部楼层

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=60874&ptid=10278][c

thXnder 发表于 2013-8-25 10:55
试试在CSS代码开头的html{}里加入这句
overflow:none;

嗯。我晚上试下。谢了
回复

使用道具 举报

0

主题

6

帖子

51

积分

一级会员

Rank: 2

积分
51
发表于 2013-8-28 16:47:16 | 显示全部楼层

将mainForm 边框属性改一下就好了,具体原因我也不清楚{:3_42:}

将mainForm 边框属性改一下就好了,具体原因我也不清楚
回复

使用道具 举报

27

主题

116

帖子

787

积分

三级会员

Rank: 4

积分
787
 楼主| 发表于 2013-8-28 17:07:41 | 显示全部楼层

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=60962&ptid=10278][c

雷电 发表于 2013-8-28 16:47
将mainForm 边框属性改一下就好了,具体原因我也不清楚

没用的。这个我试过了。
回复

使用道具 举报

5

主题

26

帖子

294

积分

二级会员

Rank: 3Rank: 3

积分
294
发表于 2013-8-29 12:08:43 | 显示全部楼层

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=60874&ptid=10278][c

thXnder 发表于 2013-8-25 10:55
试试在CSS代码开头的html{}里加入这句
overflow:none;

不应该是 overflow:hidden;吗?
回复

使用道具 举报

27

主题

116

帖子

787

积分

三级会员

Rank: 4

积分
787
 楼主| 发表于 2013-9-17 15:28:09 | 显示全部楼层

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=60874&ptid=10278][c

thXnder 发表于 2013-8-25 10:55
试试在CSS代码开头的html{}里加入这句
overflow:none;

今天试验了下,确实有效果
回复

使用道具 举报

27

主题

116

帖子

787

积分

三级会员

Rank: 4

积分
787
 楼主| 发表于 2013-9-17 15:31:48 | 显示全部楼层

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=60995&ptid=10278][c

wedd 发表于 2013-8-29 12:08
不应该是 overflow:hidden;吗?

我不知道我理解的正不正确,hidden 是把元素隐藏了,但空间还在。none是直接把空间也弄没了。
参考下。我的可能是理解错了。。错了希望能有人指正下。
回复

使用道具 举报

5

主题

26

帖子

294

积分

二级会员

Rank: 3Rank: 3

积分
294
发表于 2013-9-17 15:54:03 | 显示全部楼层

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=61439&ptid=10278][c

以利亚先生丶 发表于 2013-9-17 15:31
我不知道我理解的正不正确,hidden 是把元素隐藏了,但空间还在。none是直接把空间也弄没了。
参考下。 ...

这个,你其实可以下一本CSS手册,和aardio范例里面的htmllayout samples结合起来看。
overflow没有none这个属性
回复

使用道具 举报

27

主题

116

帖子

787

积分

三级会员

Rank: 4

积分
787
 楼主| 发表于 2013-9-17 17:14:51 | 显示全部楼层

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=61441&ptid=10278][c

wedd 发表于 2013-9-17 15:54
这个,你其实可以下一本CSS手册,和aardio范例里面的htmllayout samples结合起来看。
overflow没有none这 ...


那个以前看过了,确实没讲过有none。但我对编程理解不深。。我就把他当做 “隐藏属性 ”,能用就成。时间久了有些不懂的慢慢就懂了。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|站长邮箱|aardio.com|aardio官方社区 ( 皖ICP备09012014号 )

GMT+8, 2020-10-20 01:53 , Processed in 0.093750 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表