html中的float
㈠ html中float元素有哪些
float不是HTML元素,是CSS里一個屬性,用於控制HTML的塊級和內聯元素在文檔流中的表專現的,你可以浮動任屬何你想浮動的html元素。
所有元素默認都不浮動,元素默認有兩大類,塊級元素比如p和內聯元素如strong,他們都不浮動,除非你指定float
一般只浮動
div
p
㈡ css中 float 是什麼意思
css中float,就是浮動的意思。
浮動什麼意思呢?比如我們知道,div是占滿一行的,現在我們想把兩個div顯示在一行上,代碼如下:
<div style="width:100px;">11111</div><div style="width:150px">2222</div>
這樣我們就設置了兩個div,一個寬度100px,一個寬150px。
可預覽一下,我們的div仍在兩行上,那麼怎麼把它改到一行上呢?
這兒就需要float,設置第一個div的float為left
<div style="width:100px;float:left;">11111</div><div style="width:150px">2222</div>
再預覽,就可以看到,它們到一行上了。
㈢ html/css中的float問題
float 是浮動的意思。
使用float 意思就是網頁不再是一個平面的,而是一個有上下層次的內網頁,只不過從屏容幕上看相當於俯視去看一個網頁,看出來的效果仍然是一個平面,但是側視圖去看的話就變成了上下層的結構,這樣才會出現不同的div在不同的平面上,所以在你俯視去看的時候,他們可以並在一起,感覺上是一個平面,其實是兩個平面。
不知道你能不能懂
㈣ Html 中float屬性值額用法
復float一般用作css裡面;
即使在制HTML出現,也是出現在div框架或者行內css裡面的。
一般來講是這樣的<span="float:值">;
限定某塊的浮動情況,值通常為:right、left等方向型元素。
㈤ float,在HTML中表示什麼呢求解
你說的是css吧,float,在css中表示浮動,功能相當強大,相當於網頁布局
㈥ CSS中float屬性怎麼用
這個東西叫浮動。
顧名思義,就是讓設置的標簽產生浮動效果,就是脫離原來頁面的標准輸出流。
正常情況下,HTML頁面中塊元素都是從上倒下排列的。如果想實現左右結構。
float的一種選擇(當然還有其他方法)。
比如
<div style="widht:500px">
<div style="float:left;width:200px">左</div>
<div style="float:left;width:200px">右</div>
</div>
這樣,這個兩個DIV標簽就在同一行上了(同時靠左),當然有個前提,就是他們倆的父元素的寬度要至少大於400px,這樣才能在同一行上。這個結果是兩個DIV的右側會空出100PX的空白
<div style="widht:500px">
<div style="float:left;width:200px">左</div>
<div style="float:right;width:200px">右</div>
</div>
以上寫法,也是在同一行。不同的是,一個靠左,一個靠右。
這里邊的兩個DIV的中間有100PX的空白。
需要注意的是,當標簽使用了float屬性後,就脫離了標准輸出流,就不受頁面約束了。這樣不方便,也不利於頁面布局。
所以,一般浮動之後要清除浮動。
<div style="widht:500px">
<div style="float:left;width:200px">左</div>
<div style="float:right;width:200px">右</div>
<span style="clear:both"></span>
</div>
這樣,頁面整體的布局結構就基本上沒有被破壞了。
㈦ css中「float」是什麼意思
浮動什麼意思呢,比如,默認的,我們知道,div是占滿一行的,現在我們想把兩個div顯示在一行上,那怎麼辦呢
<div style="width:100px;">11111</div><div style="width:150px">2222</div>
這樣我們就設置了兩個div,一個寬度100px,一個寬150px,可預覽一下,我們的div仍在兩行上,那麼怎麼把它改到一行上呢,這兒就需要float,設置第一個div的float為left
<div style="width:100px;float:left;">11111</div><div style="width:150px">2222</div>
再預覽,就可以看到,它們到一行上了。
clear是什麼意思呢,clear是清除的意思,它有三個值,left,right,both
很好理解,如果設置了clear:left,它就不怕它的左邊有float,同理clear:right,clear:both,是左右都不讓有float
舉個例子,還是上面的
我們設置第二個div的clear:left,也就是不讓它左邊有float
<div style="width:100px;float:left;">11111</div><div style="width:150px;clear:left;">2222</div>
我們預覽一下,就可以看到,盡管第一個div已經float:left了,這兩個div仍然在兩行上,就是由於第二個div不讓它左邊有float
因為css的定義是後面的可以覆蓋前面的,明白了吧
㈧ html中的float屬性感覺不對啊
是你理解上有點問題:浮動之後,當前浮動的元素是會脫離普通文檔流,但是這個浮動只對該內容後面的內容有影響,對前面的內容是不會產生影響的,如果你希望2浮動到1上面,那你就先把div2放在前面;
或者你可以選擇對div1進行浮動,這樣後面的元素就會在div1下面,重新調節一下每個div的大小,一樣能實現你希望實現的功能。
㈨ 關於html中的float布局問題
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""
<htmlxmlns="
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>test</title>
<styletype="text/css">
*{
margin:0;
padding:0;
}
#div_body{
width:960px;
height:auto;
margin:0auto;
border:1pxsolid#000;/*這里我設置了邊框,方便查看效果*/
padding:10px0;
}
#div_left{
width:660px;
height:500px;
border:1pxsolid#f00;
float:left;
}
#div_right{
width:288px;
height:300px;
border:1pxsolid#f00;
float:right;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<divid="div_body">
<divid="div_left">這里是左側的部分</div>
<divid="div_right">這里是右側的部分</div>
<divclass="clear"></div><!--清除浮動-->
</div>
</body>
</html>
自己看下效果吧!!
㈩ html浮動屬性float實例怎麼用
你好,你的代碼有點混亂哈。你的DIV樣式我也不清楚,所以按照這個是實現不了的。首回先,float是浮動,一答般有左邊和右邊。
這個導航的實現可以使用DIV+CSS(不用表格)實現。具體我寫一個簡單的代碼給你參考一下:
<styletype="text/css">
.now{
background:#3399ff;
width:1000px;
height:60px;
}
.nowa{
float:left;
display:block;
width:250px;
height:60px;
line-height:60px;
color:#fff;
}
</style>
<divclass="now">
<ahref="">第一個</a><ahref="">第二個</a><ahref="">第三個</a><ahref="">第四個</a>
</div>