CSS定位DIV(⼀)⼀列样式
前记: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属性设置将失效css实现三列布局
auto : 此为body对象和textarea的默认值,在需要时剪切内容并添加滚动条
hidden : 不显⽰超过对象尺⼨的内容
scroll : 总是显⽰滚动条
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论