源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 679|回复: 17

[CSS/HTML] 小技巧处理div内容溢出

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2014-5-16 08:50:06 | 显示全部楼层 |阅读模式
这篇文章主要介绍了小技巧处理div内容溢出的方法,需要的朋友可以参考下

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

复制代码 代码如下:
<div class="province">
    <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......),其他

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

回复

使用道具 举报

15

主题

1万

回帖

122

积分

注册会员

Rank: 2

积分
122
发表于 2022-10-8 00:21:54 | 显示全部楼层
谢谢分享,先下来用用
回复 支持 反对

使用道具 举报

1

主题

1万

回帖

155

积分

注册会员

Rank: 2

积分
155
发表于 2022-10-31 03:54:48 | 显示全部楼层
额风风风微风微风违法
回复 支持 反对

使用道具 举报

4

主题

1万

回帖

262

积分

中级会员

Rank: 3Rank: 3

积分
262
发表于 2022-12-16 20:35:42 | 显示全部楼层
554411515451555
回复 支持 反对

使用道具 举报

2

主题

1万

回帖

67

积分

注册会员

Rank: 2

积分
67
发表于 2023-2-4 19:18:13 | 显示全部楼层
看看看看
回复 支持 反对

使用道具 举报

6

主题

1万

回帖

247

积分

中级会员

Rank: 3Rank: 3

积分
247
发表于 2023-3-26 05:55:37 | 显示全部楼层
还有人在不。。。。。。。。。。啊
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-4-10 10:08:40 | 显示全部楼层
撒旦撒旦撒擦擦擦擦
回复 支持 反对

使用道具 举报

6

主题

1万

回帖

425

积分

中级会员

Rank: 3Rank: 3

积分
425
发表于 2023-6-22 23:02:49 | 显示全部楼层
1312315458748777
回复 支持 反对

使用道具 举报

12

主题

1万

回帖

431

积分

中级会员

Rank: 3Rank: 3

积分
431
发表于 2023-8-22 18:04:42 | 显示全部楼层
呵呵呵呵呵呵呵a
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-9-17 17:52:01 | 显示全部楼层
怕怕怕怕怕怕怕怕怕怕怕怕怕怕
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-9-20 09:00 , Processed in 0.197865 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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