為什麼在div裡面寫東西寫不下
❶ 為什麼我在一對div中嵌入div,會成列呢,而不是在同一行呢,我想把文字放在DIV中應該怎麼寫標簽呢
方法一:一般情況,默認的div是寫一個換一行,那麼如何定義兩個div橫向排列而不換行呢?div默認的display屬性是block。所以每一個div都是新的一行,現在把display換成inline就不會換新行了。<div style="background-color:#ff0000;display:inline;">aaa</div>
<div style="background-color:#ffff00;display:inline;">bbb</div>方法二:如何定義兩個div橫向排列,並且單元格居右?這里使用float:right屬性。float做為CSS中的一個屬性定義元素向哪個方向浮動。float:right 文本或圖像會移至父元素中的右側。<td class="bg10">
<div style="width:120px; float:right;">閱讀次數:9999</div>
<div style="width:200px; float:right;">發表日期:2009-09-10</div>
</td>.bg10 {
background-image:url(../images/news_r6_c4.jpg);
height:24px;
line-height:24px;
color:#939393;
}height:24px; 和 line-height:24px; 高度一致,文字垂直居中。
❷ css中寫div為什麼有的時候同樣的寫法,div不能出現在想要的位置,float和position
如果用CSS3寫的話,可能會出現不同瀏覽器看效果圖,會有所不同。因為有些老版瀏覽器不支持。一般有層疊關系顯示,我們就用position(必須定義元素寬度),同時相關的可用top,right,bottom,left定位,層疊關系顯示用X-index。而float中若有父子關系,子元素浮動(使用clear:清除浮動後)是默認覆蓋父元素的。並且浮動是向左,向右的最大位移。如果,是同級元素,兩個塊級元素會占滿兩行,想讓他們在同一行顯示,就可以用到float。
此外,關於position,有許多相關的詳細說明,可以上網路里查找。並且請一定要理解透徹。同時,使用float後,仍要注意的問題,就是清除浮動的負效應:脫離文檔流。清除浮動的代碼使用在不同瀏覽器中也有不同的幾種。請查找相關資料去了解。如果使用浮動較多,可以寫一個例如.clearfix{clear:both;}後,然後直接調用類名.clearfix
同意,請採納
❸ 為什麼我HTML在div裡面添加背景 url裡面填圖片名字顯示出錯
用法不對,
div{
width:200px;
height:200px;
background:url("./images/xxxx.jpg") no-repeat center;
}
背景圖片一般都是這樣引用的。
❹ 在css中為什麼在div內不可寫margin,而在style中可以寫
margin是css的屬性,div只是標簽,不是樣式,style才是樣式,在div中添加樣式必須引用style,例如:
<div style="margin:0 0 0 0;float:left"></div>
❺ 在div里寫東西的為什麼 內容沒在div裡面呢我是在.net中布局的。有知道原因的嗎
後台顯示問題吧。運行一下看看效果
❻ css+div 浮動 內容寫英文沒事,寫中文就出錯
你把.bgbt這個選擇器的width:144px;和float:left;去掉,就正常了
❼ 給一個div加上浮動後為什麼它下面的div裡面的字不動呢
這個要麼就是你的字沒寫到第三個div裡面
❽ html使用div布局畫了一個圖之後想在這個圖片後面接著寫東西,而不是在下面接著寫,該怎麼做
<div>
<divstyle="width:300px;border:1pxsolidred;padding:5px;">
<imagesrc="http://static.acfun.mm111.net/dotnet/artemis/u/cms/www/201410/17142057x57y.jpg">
<pstyle="float:right">文字向右浮動</p>
</div>
<hr>
<divstyle="border:1pxsolidred;overflow:hidden;height:100px;width:300px;padding:5px;">
<imagestyle="float:left;"src="http://static.acfun.mm111.net/dotnet/artemis/u/cms/www/201410/15224514e7dx.jpg">
<p>圖片向左浮動</p>
</div>
</div>
❾ 為什麼我在DIV中輸入文字不在DIV中
沒有清除浮動會造成這樣的後果!
在包含文字的div後添加一個div,設置clear:both屬性可以解決!
仔細看了下,原來你全用position:absolute;來定位,其實原因很簡單,就是你的id用數字來命名,這樣是不允許的.
<div id="d10">ffffffff</div>
#d10 {position:absolute;
top:464px;
right:0px;
width:306px;
height:312px;
margin:0px 10px 0px 5px;}
try again!