Home  >  Article  >  Web Front-end  >  CSS skills: Use DIV tags to design minimum height and freely expandable height_html/css_WEB-ITnose

CSS skills: Use DIV tags to design minimum height and freely expandable height_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:53:331393browse

When using the above method, you need to use the document symbol at the top of the page. ;

I found a need similar to the height feature in td, which can both ensure the minimum height and realize the method of freely expanding the height. In the process of gradually replacing tabl planning with div planning.


By looking up information and experimenting. However, this method is not supported under ie6, and it is found that min-height can achieve the minimum height. Therefore, add the _height attribute to the style. In addition, if you need to freely expand the div with variable height, you can not use the height attribute. If height is used, the content in the div will cross the lower boundary if it is too long.


If the height of div1 and div2 are placed one above the other, the height of div1 is increased. At this time, you need to add the clear:both feature to realize that div2 moves the top position as the height of div1 changes. In FireFox, div2 will be stacked behind div1.


div{clear:both;min-height:100px;_height:100px;} can realize the minimum height, realize the free expansion height for divs with variable height, and realize the flexible height expansion for IE6IE7FireFox compatible.


http://bbs.house.qq.com/t-6370482-1.htm
http://bbs.house.qq.com/t-6370498-1.htm
http://bbs.house.qq.com/t-6370511-1.htm
http://bbs.house.qq.com/t-6370532-1.htm
http://bbs.house.qq.com/t-6370556-1.htm
http://bbs.house.qq.com/t-6370569-1.htm
http://bbs.house.qq.com/t-6370581-1.htm
http://bbs.house.qq.com/t-6370602-1.htm
http://bbs.house.qq.com/t-6370623-1.htm
http://bbs.house.qq.com/t-6370638-1.htm
http://bbs.house.qq.com/t-6370650-1.htm
http://bbs.house.qq.com/t-6370666-1.htm
http://bbs.house.qq.com/t-6370680-1.htm
http://bbs.house.qq.com/t-6370695-1.htm
http://bbs.house.qq.com/t-6370709-1.htm
http://bbs.house.qq.com/t-6370721-1.htm
http://bbs.house.qq.com/t-6370735-1.htm
http://bbs.house.qq.com/t-6370749-1.htm
http://bbs.house.qq.com/t-6370763-1.htm
http://bbs.house.qq.com/t-6370776-1.htm
http://bbs.house.qq.com/t-6370792-1.htm
http://bbs.house.qq.com/t-6370804-1.htm
http://bbs.house.qq.com/t-6370826-1.htm
http://bbs.house.qq.com/t-6370841-1.htm
http://bbs.house.qq.com/t-6370856-1.htm
http://bbs.house.qq.com/t-6370866-1.htm
http://bbs.house.qq.com/t-6370880-1.htm
http://bbs.house.qq.com/t-6370908-1.htm
http://bbs.house.qq.com/t-6370925-1.htm
http://bbs.house.qq.com/t-6370942-1.htm
http://bbs.house.qq.com/t-6370967-1.htm
http://bbs.house.qq.com/t-6371004-1.htm
http://bbs.house.qq.com/t-6371018-1.htm
http://bbs.house.qq.com/t-6371034-1.htm
http://bbs.house.qq.com/t-6371053-1.htm
http://bbs.house.qq.com/t-6371089-1.htm
http://bbs.house.qq.com/t-6371115-1.htm
http://bbs.house.qq.com/t-6371146-1.htm
http://bbs.house.qq.com/t-6371172-1.htm
http://bbs.house.qq.com/t-6371193-1.htm
http://bbs.house.qq.com/t-6371208-1.htm
http://bbs.house.qq.com/t-6371232-1.htm
http://bbs.house.qq.com/t-6371252-1.htm
http://bbs.house.qq.com/t-6371269-1.htm
http://bbs.house.qq.com/t-6371295-1.htm
http://bbs.house.qq.com/t-6371312-1.htm
http://bbs.house.qq.com/t-6371328-1.htm
http://bbs.house.qq.com/t-6371349-1.htm
http://bbs.house.qq.com/t-6371407-1.htm
http://bbs.house.qq.com/t-6371430-1.htm
http://bbs.house.qq.com/t-6371445-1.htm
http://bbs.house.qq.com/t-6371460-1.htm
http://bbs.house.qq.com/t-6371474-1.htm
http://bbs.house.qq.com/t-6371490-1.htm
http://bbs.house.qq.com/t-6371516-1.htm
http://bbs.house.qq.com/t-6371541-1.htm
http://bbs.house.qq.com/t-6371557-1.htm
http://bbs.house.qq.com/t-6371575-1.htm
http://bbs.house.qq.com/t-6371605-1.htm
http://bbs.house.qq.com/t-6371628-1.htm
http://bbs.house.qq.com/t-6371649-1.htm
http://bbs.house.qq.com/t-6371673-1.htm
http://bbs.house.qq.com/t-6371690-1.htm
http://bbs.house.qq.com/t-6371702-1.htm
http://bbs.house.qq.com/t-6371716-1.htm
http://bbs.house.qq.com/t-6371728-1.htm
http://bbs.house.qq.com/t-6371749-1.htm
http://bbs.house.qq.com/t-6371763-1.htm
http://bbs.house.qq.com/t-6371775-1.htm
http://bbs.house.qq.com/t-6371791-1.htm
http://bbs.house.qq.com/t-6371809-1.htm
http://bbs.house.qq.com/t-6371824-1.htm
http://bbs.house.qq.com/t-6371841-1.htm
http://bbs.house.qq.com/t-6371884-1.htm
http://bbs.house.qq.com/t-6371912-1.htm
http://bbs.house.qq.com/t-6371928-1.htm
http://bbs.house.qq.com/t-6371942-1.htm
http://bbs.house.qq.com/t-6371958-1.htm
http://bbs.house.qq.com/t-6371972-1.htm
http://bbs.house.qq.com/t-6371988-1.htm
http://bbs.house.qq.com/t-6372007-1.htm
http://bbs.house.qq.com/t-6372022-1.htm
http://bbs.house.qq.com/t-6372036-1.htm
http://bbs.house.qq.com/t-6372052-1.htm
http://bbs.house.qq.com/t-6372072-1.htm
http://bbs.house.qq.com/t-6372098-1.htm
http://bbs.house.qq.com/t-6372115-1.htm
http://bbs.house.qq.com/t-6372131-1.htm
http://bbs.house.qq.com/t-6372145-1.htm
http://bbs.house.qq.com/t-6372158-1.htm
http://bbs.house.qq.com/t-6372177-1.htm
http://bbs.house.qq.com/t-6372191-1.htm
http://bbs.house.qq.com/t-6372217-1.htm
http://bbs.house.qq.com/t-6372233-1.htm
http://bbs.house.qq.com/t-6372248-1.htm
http://bbs.house.qq.com/t-6372262-1.htm
http://bbs.house.qq.com/t-6372278-1.htm
http://bbs.house.qq.com/t-6372292-1.htm
http://bbs.house.qq.com/t-6372308-1.htm
http://bbs.house.qq.com/t-6372325-1.htm
http://bbs.house.qq.com/t-6372339-1.htm
http://bbs.house.qq.com/t-6372354-1.htm
http://bbs.house.qq.com/t-6372379-1.htm
http://bbs.house.qq.com/t-6372396-1.htm
http://bbs.house.qq.com/t-6372411-1.htm
http://bbs.house.qq.com/t-6372424-1.htm
http://bbs.house.qq.com/t-6372455-1.htm
http://bbs.house.qq.com/t-6372470-1.htm
http://bbs.house.qq.com/t-6372484-1.htm
http://bbs.house.qq.com/t-6372499-1.htm
http://bbs.house.qq.com/t-6372519-1.htm
http://bbs.house.qq.com/t-6372538-1.htm
http://bbs.house.qq.com/t-6372553-1.htm
http://bbs.house.qq.com/t-6372568-1.htm
http://bbs.house.qq.com/t-6372583-1.htm
http://bbs.house.qq.com/t-6372598-1.htm
http://bbs.house.qq.com/t-6372613-1.htm
http://bbs.house.qq.com/t-6372633-1.htm
http://bbs.house.qq.com/t-6372647-1.htm
http://bbs.house.qq.com/t-6372661-1.htm
http://bbs.house.qq.com/t-6372681-1.htm
http://bbs.house.qq.com/t-6372698-1.htm
http://bbs.house.qq.com/t-6372726-1.htm
http://bbs.house.qq.com/t-6372758-1.htm
http://bbs.house.qq.com/t-6372775-1.htm
http://bbs.house.qq.com/t-6372792-1.htm
http://bbs.house.qq.com/t-6372810-1.htm
http://bbs.house.qq.com/t-6372822-1.htm
http://bbs.house.qq.com/t-6372838-1.htm
http://bbs.house.qq.com/t-6372868-1.htm
http://bbs.house.qq.com/t-6372886-1.htm
http://bbs.house.qq.com/t-6372902-1.htm
http://bbs.house.qq.com/t-6372915-1.htm
http://bbs.house.qq.com/t-6372933-1.htm
http://bbs.house.qq.com/t-6372948-1.htm
http://bbs.house.qq.com/t-6372965-1.htm
http://bbs.house.qq.com/t-6372994-1.htm
http://bbs.house.qq.com/t-6373010-1.htm
http://bbs.house.qq.com/t-6373024-1.htm
http://bbs.house.qq.com/t-6373049-1.htm
http://bbs.house.qq.com/t-6373065-1.htm
http://bbs.house.qq.com/t-6373079-1.htm
http://bbs.house.qq.com/t-6373093-1.htm
http://bbs.house.qq.com/t-6373111-1.htm
http://bbs.house.qq.com/t-6373133-1.htm
http://bbs.house.qq.com/t-6373147-1.htm
http://bbs.house.qq.com/t-6373165-1.htm
http://bbs.house.qq.com/t-6373192-1.htm
http://bbs.house.qq.com/t-6373206-1.htm
http://bbs.house.qq.com/t-6373222-1.htm
http://bbs.house.qq.com/t-6373241-1.htm
http://bbs.house.qq.com/t-6373266-1.htm
http://bbs.house.qq.com/t-6373281-1.htm
http://bbs.house.qq.com/t-6373294-1.htm
http://bbs.house.qq.com/t-6373311-1.htm
http://bbs.house.qq.com/t-6373326-1.htm
http://bbs.house.qq.com/t-6373341-1.htm
http://bbs.house.qq.com/t-6373356-1.htm
http://bbs.house.qq.com/t-6373374-1.htm
http://bbs.house.qq.com/t-6373406-1.htm
http://bbs.house.qq.com/t-6373421-1.htm
http://bbs.house.qq.com/t-6373439-1.htm
http://bbs.house.qq.com/t-6373456-1.htm
http://bbs.house.qq.com/t-6373476-1.htm
http://bbs.house.qq.com/t-6373492-1.htm
http://bbs.house.qq.com/t-6373520-1.htm
http://bbs.house.qq.com/t-6373545-1.htm
http://bbs.house.qq.com/t-6373558-1.htm
http://bbs.house.qq.com/t-6373569-1.htm
http://bbs.house.qq.com/t-6373586-1.htm
http://bbs.house.qq.com/t-6373604-1.htm
http://bbs.house.qq.com/t-6373632-1.htm
http://bbs.house.qq.com/t-6373653-1.htm
http://bbs.house.qq.com/t-6373670-1.htm
http://bbs.house.qq.com/t-6373682-1.htm
http://bbs.house.qq.com/t-6373696-1.htm
http://bbs.house.qq.com/t-6373710-1.htm
http://bbs.house.qq.com/t-6373729-1.htm
http://bbs.house.qq.com/t-6373748-1.htm
http://bbs.house.qq.com/t-6376014-1.htm
http://bbs.house.qq.com/t-6376038-1.htm
http://bbs.house.qq.com/t-6376063-1.htm
http://bbs.house.qq.com/t-6376090-1.htm
http://bbs.house.qq.com/t-6376113-1.htm
http://bbs.house.qq.com/t-6376144-1.htm
http://bbs.house.qq.com/t-6376170-1.htm
http://bbs.house.qq.com/t-6376190-1.htm
http://bbs.house.qq.com/t-6376219-1.htm
http://bbs.house.qq.com/t-6376305-1.htm
http://bbs.house.qq.com/t-6376330-1.htm
http://bbs.house.qq.com/t-6376410-1.htm
http://bbs.house.qq.com/t-6376424-1.htm
http://bbs.house.qq.com/t-6376441-1.htm
http://bbs.house.qq.com/t-6376460-1.htm
http://bbs.house.qq.com/t-6376480-1.htm
http://bbs.house.qq.com/t-6376498-1.htm
http://bbs.house.qq.com/t-6376516-1.htm
http://bbs.house.qq.com/t-6376534-1.htm
http://bbs.house.qq.com/t-6376570-1.htm
http://bbs.house.qq.com/t-6376594-1.htm
http://bbs.house.qq.com/t-6376683-1.htm
http://bbs.house.qq.com/t-6376683-1.htm
http://bbs.house.qq.com/t-6376774-1.htm
http://bbs.house.qq.com/t-6376849-1.htm
http://bbs.house.qq.com/t-6376926-1.htm
http://bbs.house.qq.com/t-6376972-1.htm
http://bbs.house.qq.com/t-6377012-1.htm
http://bbs.house.qq.com/t-6377136-1.htm
http://bbs.house.qq.com/t-6377184-1.htm
http://bbs.house.qq.com/t-6377242-1.htm
http://bbs.house.qq.com/t-6377301-1.htm
http://bbs.house.qq.com/t-6377356-1.htm
http://bbs.house.qq.com/t-6377432-1.htm
http://bbs.house.qq.com/t-6377473-1.htm
http://bbs.house.qq.com/t-6377549-1.htm
http://bbs.house.qq.com/t-6377641-1.htm
http://bbs.house.qq.com/t-6377692-1.htm
http://bbs.house.qq.com/t-6377733-1.htm
http://bbs.house.qq.com/t-6377747-1.htm
http://bbs.house.qq.com/t-6377860-1.htm
http://bbs.house.qq.com/t-6377905-1.htm
http://bbs.house.qq.com/t-6378114-1.htm
http://bbs.house.qq.com/t-6378152-1.htm
http://bbs.house.qq.com/t-6378189-1.htm
http://bbs.house.qq.com/t-6378240-1.htm
http://bbs.house.qq.com/t-6378339-1.htm
http://bbs.house.qq.com/t-6378384-1.htm
http://bbs.house.qq.com/t-6378414-1.htm
http://bbs.house.qq.com/t-6378430-1.htm
http://bbs.house.qq.com/t-6378445-1.htm
http://bbs.house.qq.com/t-6378473-1.htm
http://bbs.house.qq.com/t-6378528-1.htm
http://bbs.house.qq.com/t-6378578-1.htm
http://bbs.house.qq.com/t-6378616-1.htm
http://bbs.house.qq.com/t-6378658-1.htm
http://bbs.house.qq.com/t-6378765-1.htm
http://bbs.house.qq.com/t-6378812-1.htm
http://bbs.house.qq.com/t-6378853-1.htm
http://bbs.house.qq.com/t-6378961-1.htm
http://bbs.house.qq.com/t-6378986-1.htm
http://bbs.house.qq.com/t-6379029-1.htm
http://bbs.house.qq.com/t-6379046-1.htm
http://bbs.house.qq.com/t-6379064-1.htm
http://bbs.house.qq.com/t-6379082-1.htm
http://bbs.house.qq.com/t-6379112-1.htm
http://bbs.house.qq.com/t-6379158-1.htm
http://bbs.house.qq.com/t-6379209-1.htm
http://bbs.house.qq.com/t-6379230-1.htm
http://bbs.house.qq.com/t-6379271-1.htm
http://bbs.house.qq.com/t-6379301-1.htm
http://bbs.house.qq.com/t-6379325-1.htm
http://bbs.house.qq.com/t-6379337-1.htm
http://bbs.house.qq.com/t-6379368-1.htm
http://bbs.house.qq.com/t-6379388-1.htm
http://bbs.house.qq.com/t-6379444-1.htm
http://bbs.house.qq.com/t-6379472-1.htm
http://bbs.house.qq.com/t-6379499-1.htm
http://bbs.house.qq.com/t-6379539-1.htm
http://bbs.house.qq.com/t-6379563-1.htm
http://bbs.house.qq.com/t-6379622-1.htm
http://bbs.house.qq.com/t-6379752-1.htm
http://bbs.house.qq.com/t-6379805-1.htm
http://bbs.house.qq.com/t-6379836-1.htm
http://bbs.house.qq.com/t-6379869-1.htm
http://bbs.house.qq.com/t-6379897-1.htm
http://bbs.house.qq.com/t-6379932-1.htm
http://bbs.house.qq.com/t-6380082-1.htm
http://bbs.house.qq.com/t-6380093-1.htm
http://bbs.house.qq.com/t-6380120-1.htm
http://bbs.house.qq.com/t-6380155-1.htm
http://bbs.house.qq.com/t-6380207-1.htm
http://bbs.house.qq.com/t-6380234-1.htm
http://bbs.house.qq.com/t-6380270-1.htm
http://bbs.house.qq.com/t-6380290-1.htm
http://bbs.house.qq.com/t-6380308-1.htm
http://bbs.house.qq.com/t-6380344-1.htm
http://bbs.house.qq.com/t-6380375-1.htm
http://bbs.house.qq.com/t-6380405-1.htm
http://bbs.house.qq.com/t-6380417-1.htm
http://bbs.house.qq.com/t-6380469-1.htm
http://bbs.house.qq.com/t-6380500-1.htm
http://bbs.house.qq.com/t-6380517-1.htm
http://bbs.house.qq.com/t-6380620-1.htm
http://bbs.house.qq.com/t-6380730-1.htm
http://bbs.house.qq.com/t-6380773-1.htm
http://bbs.house.qq.com/t-6380812-1.htm
http://bbs.house.qq.com/t-6380845-1.htm
http://bbs.house.qq.com/t-6380885-1.htm


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn