>  기사  >  웹 프론트엔드  >  css div_html/css_WEB-ITnose

css div_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:27:381234검색

前言:width和heigth不会相互作用 ,各自为政!

 

1、当div设置了固定的长度和宽度后

高度和宽度都行!:不管里面有没有内容(可以无视内容),div就是一个框子在那(默认无边框)!即使内容超出,尺寸也不变!

#select_box {
WIDTH: 330px; HEIGHT: 40px;border:2px solid red;
}



 

显示效果:

2、若是div设置为百分比的形式

宽度无论如何都行!:width:50%;能行! 无视内容! 即使内容超出宽度框的宽度还是50%,内容超出框而存在;

高度无论如何都不行!:heigth:50%则不行 高度为内容的高度,如要设置高度 需要用height:50px 则可以,此时即使没有内容也会有框出现!

注意width总是以外层的对象为比较标准的!

 

3、嵌套div形式

绝大部分情况是:

父子互不干涉 两个框同时出现!

追加的内容会显示

 

4、若在div中设置了BACKGROUND: url(../images/ubox-select.gif) no-repeat 0px 0px

4.1、div很小时  只显示图片的固定区域!

4.2、div很大时,图片具体情况根据:no-repeat 0px 0px参数而定!

 

 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.