小技巧处理div内容溢出
处理 技巧 内容 div 溢出
2023-06-13 09:15:26 时间
前几天遇到一个问题,代码是这样一个层次:
<divclass="province">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
我设置了div的边框,
要想ul的内容在边框内,
必须设置div高度。
但是,ul内的内容是变化的,内容少的时候就不及div的高度。
不设高度的时候,ul的内容就出现在边框外了。
原来需要设置ul的边框。想想也是,先设置与他关系最近的元素吧。
对于前端不是很专业的同僚来说,写css样式表还是有个规则比较好:
指定css样式要有层次:如上例,定义li的样式.provinceulli{...}
写样式有个大致顺序:容器大小(width,height......),容器位置(left,margin......),容器文本(color......),其他
这样尽可能避免样式覆盖之类的问题。
相关文章
- 批量处理数据的技巧~从零到壹:10元转录组分析
- ORA-24337: statement handle not prepared ORACLE 报错 故障修复 远程处理
- ORA-48259: AMS Relation not Created Correctly ORACLE 报错 故障修复 远程处理
- ORA-48409: The ADR homes exceeds the maximum number [string] ORACLE 报错 故障修复 远程处理
- ORA-02453: duplicate HASH IS specification ORACLE 报错 故障修复 远程处理
- MySQL Error number: MY-011110; Symbol: ER_THREAD_POOL_FAILED_PROCESS_CONNECT_EVENT; SQLSTATE: HY000 报错 故障修复 远程处理
- ORA-06743: TLI Driver: cannot alloc t_bind ORACLE 报错 故障修复 远程处理
- ORA-12198: TNS:could not find path to destination ORACLE 报错 故障修复 远程处理
- ORA-17620: failed to register the network adapter with Oracle Disk Manager library: string ORACLE 报错 故障修复 远程处理
- MySQL Error number: MY-014031; Symbol: ER_UDF_REGISTRATION; SQLSTATE: HY000 报错 故障修复 远程处理
- 处理MySQL字符型数据处理技巧(mysql字符型)
- MySQL数值型处理技巧(mysql数值型)
- SQL与MySQL日期处理小技巧(sqlmysql日期)
- 时间Java处理 Redis过期时间的技巧(redisjava过期)
- MySQL处理二进制数据的技巧(mysql二进制数据)
- MySQL中的二进制处理技巧(mysql二进制数据)
- MySQL存储及处理二进制数据的技巧(mysql二进制数据)
- Oracle日期处理技巧25字!(oracle日期处理)
- C与Oracle相结合的分页处理技巧(coracle分页)
- MySQL应用处理一万条记录(mysql一万条记录)
- 字符处理Oracle中处理超长字符串的技巧(oracle中字符串超长)
- 自然语言处理系列之人机之间的巴别塔之谜【一】