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

小技巧处理div内容溢出

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

    本文导语:  前几天遇到一个问题,代码是这样一个层次: 代码如下:            1        2        3    我设置了div的边框, 要想ul的内容在边框内, 必须设置div高度。 但是,ul内的内容是变化的,内容少的时候就不及div的高...

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

代码如下:


   

           
  • 1

  •        
  • 2

  •        
  • 3

  •    


我设置了div的边框,

要想ul的内容在边框内,

必须设置div高度。

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

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

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

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

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

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

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


    
 
 
 
本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.169IT.COM)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Windows7 常用使用技巧
  • aix 每天进步一点(小技巧)
  • nginx服务器基本特性及使用技巧
  • VC小技巧汇总之窗口技巧
  • c++ stl multimap基本操作使用技巧详细介绍
  • jQuery提交多个表单的小技巧
  • Mysql大表查询优化技巧总结及案例分析
  • PHP中HTML标签过滤技巧
  • linux top命令详解以及top命令的各项使用技巧详细说明
  • Python 除法小技巧
  • windows7操作系统介绍及各种使用技巧总结
  • MySQL简化输入小技巧
  • mysql数据库下载安装教程和使用技巧
  • 大家能否JBUILDER的使用技巧?
  • rsync结合find技巧分享
  • 哪位大侠有<jsp编程技巧>这本书所配光盘的源码?
  • 编程技巧求教
  • VI的技巧问题,各位请进~~~
  • gnome界面的一个小技巧,达人请进.
  • 请教一个shell的技巧——怎么自动输入密码?
  • 有没有提高java运行效率的方法,工具或是编程的技巧!


  • 站内导航:


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

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

    浙ICP备11055608号