Rumah >hujung hadapan web >html tutorial >div+csS中的一些技巧和浏览器兼容的办法_html/css_WEB-ITnose

div+csS中的一些技巧和浏览器兼容的办法_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 12:28:141000semak imbas

(1)对于一个层内有浮动的层,主层应该用OVERFLOWER:HIDDEN,以消除内层的浮动导致的其它外的影响。

比如:

                  <p class="sycode">                 <     div id     =     "     main1     "     >           <     div id     =     "     son1     "      style     =     "     float:left; display:inline     "     >     aa     </     div     >          </     div     >          <     div id     =     "     main2     "      style     =     "     margin-top:10px;     "     >      main2内容                                                       </     div     >                  </p>

这时候如果MIAN1不加OVERFLOWER:HIDDEN的话,MAIN2的MARGIN-TOP是没有效果的,原因就是SON1这个浮动元素的影响导致的。

display:inline是为了兼容IE6的浮动中MARGIN会产生双倍的MARGIN值。当然还有别的办法可以消除FLOAT的影响,就是在浮动元素后面添加一个DIV让他CLEAR:LEFT,RIGHT,BOTH

(2)对于浮动的LI,要排成多行多列的话,LI要指写高度和宽度。指定高度是因为如果没有指定高度,前面一排的LI如果文字行数不一的话,第二排的LI就会下沉。

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn