首先获取第一个匹配仿斗的子元素 然后 使用 after() 如:
$('#mydiv ul li:eq(0)').after('<li>现在我培祥是第二个元素了,原来的被取代了备中磨~</li>')
IE的问题:一.双边距问题浮动元素的外边距会加倍,但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。解决方法:在此浮动元素增加样式 display:inline二.图片产生的间隙父元素直接包含<img>,这个图片下方会和父元素边缘产生间隙。解绝方法:1.在源洞肢代码中让</div>和<img>在同一行,因为那个间隙是由换行符产生的。 2.给<img>添加样式 display:block三.最小高度问题块元素最小高度为10px,当高度定义小于10px时,仍为10px解决方法:为此块元素添加样式 overflow:hidden 或 让此款块元素的字体大小等于此会元素的高度。四.列表的li为浮动,则列表后面的元素不能换行的问题列表的li为浮动,则列表后面的元素不能换行。解决方法:为这个ul定义合适的高或给包含这个ul 的父div定义合适的高。五.子元素的上下外边界问题(父元素没有定义高度时)在父元素没有定义高度时,子元素的上下外边界和父元素上下外边界叠加,并且显示在父元素外面。解决方法:给父元素定义内边距或边框。firefox问题:一. 列表的li为浮动,则列表后面的元素不能换行的问题列表的li为浮动,则列表后面的元素不能换行。解决方法:为这个ul定义合适的宽高或给包含这个ul 的父div定义合适的宽高。二.子元素的上下外边界问题(父元素没有定义高度时)在父元素没有定义高度时,子元素的上下外边界和纳巧世父元素上下外边界叠加,并且显示在父元素外面。解决方法:给父元素定义内边距或边框。二者之间的兼容问题:一.水平居中IE6:使用 text-align不但能宽数使文本居中,还能使嵌套的块元素居中。FF2:使用text-align只能使文本居中。解决方法:在需要居中的块元素添加margin:0 auto二.div高度自适应问题IE6:如果内容的高度超过父元素的高度,父元素的高度会增加。FF2 : 如果内容的高度超过父元素的高度,内容不会隐藏,父元素的高度也不会增加。解决方法:(假定最小高度为50px)在父元素添加 min-height:50pxheight:auto !important &nbswww.661uc.com
www.833uc.com
www.776f.com
www.771uc.com
www.995uc.com
www.881uc.com
www.773uc.com
www.993f.com
www.993uc.com
www.116uc.com
www.991uc.com
www.337uc.com
www.717uc.com
www.113uc.com
www.199gg.com
给子元素做定位。用position标签示例:
<html>
<head>
<style type="text/css">
p.pos_abs
{
position:absolute
left:100px
top:150px
}
</style>
</head>
<body>
<p class="pos_abs">通过绝对定位,元素可以放置到页面上的任何位置。这段话设定为距离页面左侧 100px,距离页面顶部世返 150px。
</p>
</搜腊饥body>
</html>
方法属性设置:positon:absoluteleft:100pxtop:150px
还可以用right 和 bottomleft距离左边的意思 right距离右边的意思,top距离顶部的意思,bottom距离底部的意思。
这里要解释一下position有5个值可以选择,分别对应不同的页面进行设置
absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
元素的位置通局尺过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative:生成相对定位的元素,相对于其正常位置进行定位。
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
inherit:规定应该从父元素继承 position 属性的值。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)