如何固定div的大小,js怎么固定div的大小,并且内容溢出时,显示滚动条

2020-12-04 12:25:42 字数 4449 阅读 5795

1楼:匿名用户

加个overflow:hidden可以对溢出部分剪切掉。如果不想这样的话,可以使用

overflow:auto;这样溢出的话,会出现滚动条。

overflow有两个变形

overflow-x和

overflow-y可以分别控制水平和垂直方向的溢出

2楼:匿名用户

加上overflow:hidden;就死定了!

刚建立了一个html文档,怎么设定div的固定大小?

3楼:闲人设计

div的固定大小设置,用css样式来搞定。

样式可以这么写:

html里这么写div:

这里是div,宽500,高300,底色是红色,文字是白色

4楼:澳爸购

你可以用css来设定,div为块级元素。例如:

5楼:匿名用户

设置div的宽度和高度,用来固定大小,设置div的margin值,用来固定页面位置。四个值分别对应上,右,下,左四个方向。

**如下:

6楼:晓云的岑

第一种:

在html中设置,然后css文件中设置

.fix ////看你的实际情况定。

第二种:

直接在div中写

7楼:

设置style中height和width值

8楼:匿名用户

像素根据自己的 需求改

9楼:匿名用户

width:***px;

height:***px;

overflow:hidden/scroll; //防止撑大

js怎么固定div的大小,并且内容溢出时,显示滚动条

10楼:匿名用户

document.getelementbyid("div").style.height=200;

document.getelementbyid("div").style.overflow="scroll";

可以参考下面**

12312

12312

12312

12312

12312

12312

12312

11楼:小柏

js内容溢出可以用css控制

css div的大小可不可以固定

12楼:匿名用户

用css可以固定div的大小,div相当于一个盒子,当边框内的宽和高分别由width,height指定时,另加的padding内边距默认模式下会撑大盒子,所以有一个切换模式的样式语句:box-sizing,取值为border-box时,div大小以边框为准,padding不会撑大div。

13楼:鏡婲_水月

那是当然的给你发个图吧!这是经典的盒子模型!这里可以看到你在css里面设计一个div样式

譬如:.div

上面的这个样式的意思是宽50像素高100像素样式内间距是10像素样式外间距是20像素

所以你应用到div中时这个div的实际宽高就变成

宽110像素(本来的50像素+“20像素的内间距,因为左右都有10像素,所以是20像素”+40像素的外间距同理于内间距)

高160像素同理于宽上下都是10的内间距和上下都是20的外间距

14楼:莫路草根

当然可以固定了。 只要在div的样式中添加宽高,设定好自己想要的数值即可,参考**:

15楼:匿名用户

css布局的时候撑破和发生塌陷,是正常的,因为就像大陆迁移一样!首先应该float:left;然后在布局的时候要注意大小相抵取大的原则!

间距并不是两间距之和,也不是较小的间距,取大!

16楼:匿名用户

按w3c标题,padding或者margin是算进宽和高的

怎么利用div css定义一个div中的img都是固定大小啊!!急

17楼:保精璩痴海

要记得,centent也要浮动的

整理好的css样式如下:

#header

#center

.left

.centent

.right

#footer

18楼:陆舒杰

可以把**转换为区块:display:block;然后设置width和height就可以了!有问题可以追问我!

19楼:只是一壶凉茶

给div定义一个名称,例如:#mycontent

设定此div中img的大小: #mycontent img

如果有多个div都需要如此设置,那么可以简写,例如,又有一个div名称为#header,那么可以这样写,#header img,#mycontent img

20楼:匿名用户

你可以在css中设置:

img也可以在html中设置:

21楼:匿名用户

在**尺寸不定的情况下,不建议这样写,小尺寸的**放大会影响**质量,大**缩小会占用更多无谓的带宽以及页面打开速度!

所以在**生成的时候建议尽量统一**尺寸~或等比压缩~

22楼:匿名用户

设置div img 大小

如何让div大小随窗口大小变化 10

23楼:弋橙

大致讲一下思路。

1、设定一个最外层容器div-box,实现【顶部触顶底部触底,div与页面高度间固定差值】,在css文件中的.div-box下可修改margin数值)

2、前三个div可公用一个样式 div1

3、第五个div绝对定位在底部 div5,需要将div-box的position设为relative,否则会基于body定位。

4、第四个div设置高度为100% (如果样式需要设置高度撑满整个页面,那么最外层高度设置必须设置为100%),绝对定位到div-box中。

以下是**。

html页面**

div1固定高度

div2固定高度

div3固定高度

div4动态高度

div5固定高度

css样式

html,body

.div-box

.div1

.div4

.div5

24楼:真_五花肉

给body加一个height:100%;给html加一个height:100%,然后需要根据页面高度变化的div的高度也写成百分比,试试看,但要精确实现你说的比窗口小10px好像不太好实现

25楼:hyt通

在第四个样式这样写:

min-height:150px;overflow:auto;_height150px;_overflow:none; background-color:#166;

ps:最外层div不要定死高度

26楼:唫铯娍寶

整个盒子这样写:

position: absolute;

left: 0;

top: 0;

width: 240px;

height: 100%;

background: red;

上下的距离可以用空div写

27楼:名字好费劲

这样动态的变化除了百分比就剩下js能实现啊

28楼:起个名字真烦

给div的css加上position:absolute;这个属性。

怎么利用div+css定义一个div中的img都是固定大小啊!!急

29楼:匿名用户

.aa这样就行了哈

30楼:匿名用户

下面**控制**大小150*150,可以自行修改,建议**大小在150左右,这样不会损失**的美感。多余部分隐藏了;比如,你的**是150*200,那么在高的方向会截取,隐藏掉;

示例 引用** 注意路径 我的在目录下"tp"文件夹:

good luck!!

html 设置的div框架怎么按屏幕比例显示,或者设置固定大小长宽?

31楼:酒千殇

//在css最后加**:

.top cbody

或者.top cbody