2023年6月20日发(作者：)

CSS定位DIV（⼀）⼀列样式前记：CSS样式核⼼就是DIV布局，⼀些基础知识省略不记，接下来的⽇志只关注最核⼼的布局问题。⼀、⼀列布局1.固定宽⾼直接声明宽⾼，或⽤百分⽐表⽰。width:400px;或width:70%;2.固定宽⾼，居中width:300px;margin:0px auto;注：auto让浏览器⾃动检测边距达到居中⽬的。问题1：内容溢出假如宽⾼固定，当div内的内容超出层的容纳范围时，会产⽣溢出。解决办法，通过设置overflow属性。Overflow语法：overflow : visible | auto | hidden | scrollOverflow参数：visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的⼤⼩。并且clip属性设置将失效auto : 此为body对象和textarea的默认值，在需要时剪切内容并添加滚动条hidden : 不显⽰超过对象尺⼨的内容scroll : 总是显⽰滚动条

2023年6月20日发(作者：)

CSS定位DIV（⼀）⼀列样式前记：CSS样式核⼼就是DIV布局，⼀些基础知识省略不记，接下来的⽇志只关注最核⼼的布局问题。⼀、⼀列布局1.固定宽⾼直接声明宽⾼，或⽤百分⽐表⽰。width:400px;或width:70%;2.固定宽⾼，居中width:300px;margin:0px auto;注：auto让浏览器⾃动检测边距达到居中⽬的。问题1：内容溢出假如宽⾼固定，当div内的内容超出层的容纳范围时，会产⽣溢出。解决办法，通过设置overflow属性。Overflow语法：overflow : visible | auto | hidden | scrollOverflow参数：visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的⼤⼩。并且clip属性设置将失效auto : 此为body对象和textarea的默认值，在需要时剪切内容并添加滚动条hidden : 不显⽰超过对象尺⼨的内容scroll : 总是显⽰滚动条