当前位置:  编程技术>WEB前端

小技巧处理div内容溢出

    来源: 互联网  发布时间:2014-10-07

    本文导语:  前几天遇到一个问题,代码是这样一个层次: 代码如下:<div >    <ul>        <li>1</li>        <li>2</li>        <li>3</li>    </ul></div> 我设置了div的边框, 要想ul的内容在边...

前几天遇到一个问题,代码是这样一个层次:

代码如下:

<div >
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

我设置了div的边框,

要想ul的内容在边框内,

必须设置div高度。

但是,ul内的内容是变化的,内容少的时候就不及div的高度。

不设高度的时候,ul的内容就出现在边框外了。

原来需要设置ul的边框。想想也是,先设置与他关系最近的元素吧。

对于前端不是很专业的同僚来说,写css样式表还是有个规则比较好:

指定css样式要有层次:如上例,定义li的样式 .province ul li{...}

写样式有个大致顺序:容器大小(width,height......),容器位置(left,margin......),容器文本(color......),其他

这样尽可能避免样式覆盖之类的问题。


    
 
 

您可能感兴趣的文章:

  • 小技巧处理div内容溢出
  • Windows7 常用使用技巧
  • aix 每天进步一点(小技巧)
  • nginx服务器基本特性及使用技巧
  • VC小技巧汇总之窗口技巧
  • c++ stl multimap基本操作使用技巧详细介绍
  • jQuery提交多个表单的小技巧
  • Mysql大表查询优化技巧总结及案例分析
  • PHP中HTML标签过滤技巧
  • linux top命令详解以及top命令的各项使用技巧详细说明
  • Python 除法小技巧
  • windows7操作系统介绍及各种使用技巧总结
  • MySQL简化输入小技巧
  • rsync结合find技巧分享
  • 编程技巧求教
  • VI的技巧问题,各位请进~~~
  • 大家能否JBUILDER的使用技巧?
  • 哪位大侠有<jsp编程技巧>这本书所配光盘的源码?
  • gnome界面的一个小技巧,达人请进.
  • 请教一个shell的技巧——怎么自动输入密码?
  • 有没有提高java运行效率的方法,工具或是编程的技巧!
  • 教你如何快捷的使用cmd访问mysql小技巧
  •  
    本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.169IT.COM)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • C#异常处理的一些经验和技巧
  • Linux 下 C++程序的异常处理技巧
  • Spring MVC中基于自定义Editor的表单数据处理技巧分享
  • asp.net的分页小技巧(一)
  • ctag的问题及使用技巧征集
  • 请大家谈谈用 gdb 调试共享库(.so)的经验和技巧
  • SQL语句技巧:按月统计数据
  • 求购《java程序设计技巧1001例》!
  • 初学Python实用技巧两则
  • asp.net的分页小技巧(二)
  • sql2005统计技巧示例
  • CSS技巧DIV为空时占据空间的解决办法
  • applet一个奇怪的技巧
  • VC小技巧汇总之对话框技巧
  • 用css实现图片垂直居中的使用技巧
  • shell编程实用技巧(print $0)
  • 老生长谈的问题: 请教vi编辑器使用技巧
  • 使css兼容IE8的小技巧
  • PHP小技巧之函数重载
  • php小技巧之过滤ascii控制字符
  • html5在android中的使用问题及技巧解读
  • jsp 页面上图片分行输出小技巧
  • mysqlhotcopy 正则使用小技巧


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

    浙ICP备11055608号