为什么在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!