CSS定位DIV（一）一列样式

2024-09-21 10:22:09

前记：CSS样式核心就是DIV布局，一些基础知识省略不记，接下来的日志只关注最核心的布局问题。

一、一列布局

1.固定宽高

直接声明宽高，或用百分比表示。

width:400px;

或

width:70%;

2.固定宽高，居中

width:300px;

margin:0px auto;

注：auto让浏览器自动检测边距达到居中目的。

问题1：内容溢出

假如宽高固定，当div内的内容超出层的容纳范围时，会产生溢出。解决办法，通过设置overflow属性。

Overflow语法：
overflow : visible | auto | hidden | scroll

Overflow参数：
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值，在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条

最新文章

热门文章