盒子
盒子大小
width,height
默认情况下,一个盒子大小刚好容纳其中的内容,并根据其中内容变化而变化。如果自定义合资的大小,就需要用到width和height属性。
指定盒子大小的最常用的方式是像素、百分数或em值。
宽度限制
min-width,max-width
min-width属性指定一个盒子在浏览器窗口较窄是可以显示的最小宽度
max-width属性指定一个盒子在浏览器窗口较宽时所能伸展的最大宽度
高度限制
min-height,max-height
与限制合资宽度的方式一样,你还可以对页面上的莫个盒子进行高度限制。
高度限制可以利用min-height和max-height属性来完成。
内容溢出
overflow
hidden:把一处合资空间的内容进行隐藏
scroll:在盒子上添加一个滚动条
边框宽度
border-width
border-width 属性用来控制边框的宽度。该属性可以是像素值,
也和以选择以下值之一:
thin
medium
thick
该属性值不可以使用百分数。
可以通过下面4种属性分别对各个边框大小进行控制:
border-top-width
border-right-width
border-bottom-width
border-left-width
边框样式