当前位置:编程学习 > C#/ASP.NET >>

|M| 求一个浮动DIV的width:100%的CSS写法 因为body用了margin-left: 5px;margin-right: 5px; 显示出来的那个DIV不能100%大小

因为body CSS
margin-left: 5px;
margin-right: 5px;
然后我浮动DIV的CSS为
<div id='divAjaxLoad' style='position:absolute;left:0px;top:0px;background: #FFFFE1;width:100%;'>
但这样显示出来的那个浮动DIV并不能100%占用浏览器而是右边有10px的大小

那现在这个DIV的CSS要怎么写呢

谢谢
--------------------编程问答-------------------- <div   id='divAjaxLoad'   style='position:absolute;left:0px;top:0px;background:   #FFFFE1;width:100%;z-index:50'> 
--------------------编程问答-------------------- 楼上正解 --------------------编程问答-------------------- style里加个 z-index:【较大的数字】  就OK了

z-index用于设置对象的层叠顺序。

z-index 值较大的元素将叠加在z-index值较小的元素之上 --------------------编程问答-------------------- 把width改成像素,大一些。 --------------------编程问答-------------------- RE:yeness 
没有用
<div id='divAjaxLoad' style='position:absolute;left:0px;top:0px;background: #FFFFE1;width:100%;z-index:50'>
    <table border='0' cellpadding='2' cellspacing='0' style='width:100%;border: 1px solid #999999;'>
        <tr>
           <td valign='middle' width='20' align='center'><img src='/images/load.gif' alt='' /></td>
           <td valign='middle' style='font-size:12px;padding-top:4px;'>  数据正在加载中,请稍候...</td>
        </tr>
    </table>
</div>

----------------------------
RE:cpp2017
写固定好像不太合式吧,不一定每个窗口都一样大啊

谢谢 --------------------编程问答-------------------- UP --------------------编程问答-------------------- CSS 中 可不可以设置他的宽度是 浏览器的大小呢 --------------------编程问答-------------------- topmargin=0 leftmargin=0 --------------------编程问答-------------------- 再设置Div的margin试试

<div id='divAjaxLoad' style='position:absolute;left:0px;top:0px;background: #FFFFE1;width:100%;margin-top:0px; margin-left:0px;'>




--------------------编程问答-------------------- 楼主参考下下


<body style="margin-left:0px;margin-left:0px">

    
   
<div style="text-align:center; margin-top:0px; margin-left:0px; background-color:Red">snhame</div>

--------------------编程问答-------------------- RE:symbol441 
还是不行

因为Body 已经设置了他的

Body
{
    margin-left:   5px; 
    margin-right:   5px; 
}
--------------------编程问答-------------------- body里面应该有一个为margin_top,楼主先试试先. --------------------编程问答-------------------- RE:symbol441 
就是因为我的

Body
{
    margin-left:   5px; 
    margin-right:   5px; 
}


这个东西是不能改的
然后再那个DIV要怎么来实现100%到浏览器 --------------------编程问答-------------------- div设置为显示屏的宽度window.screen.availWidth 可以么 --------------------编程问答-------------------- 这个东西是不能改的 
然后再那个DIV要怎么来实现100%到浏览器
------------------------
不行的,浮动的Div不能独立页面的body而存在,它的父容器已经设置了其页边界值为5px
其body的子控件的页边距只能是大于等于其父容器的.也就是Div的最小边距就是5px
也就是当<div style="text-align:center; margin-top:0px; margin-left:0px;>这里设置为0的时候
--------------------编程问答-------------------- ding --------------------编程问答-------------------- 顶 --------------------编程问答-------------------- <style>
body{
margin-left:5px; 
margin-right:5px;
overflow:hidden;
}
</style>
<div id='divAjaxLoad' style='position:absolute;left:0px;top:0px;background:#FFFFE1;width:110%;'>
this is a div
</div>

这样可以不?

如果不行,可以用js来设置,
document.getElementById('divAjaxLoad').style.width=window.screen.availWidth
补充:.NET技术 ,  ASP.NET
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,