none
div 填充背景 RRS feed

  • 问题

  • <div >
        <ul style = " list-style :none; margin :0px; padding :0px;">
       
        <li style=" float :left ; width :250px; background-image:url('Left_bg.png');" >
        </li>
       
        <li style=" float :left ;width :550px;" >
            <asp:Image ID="Image1" runat="server" ImageUrl="1.bmp" />
        </li>
       
        </ul>
        </div>
    为了直观,去掉css。
    第二个li(右边)为动态读取的图像,高度不确定。
    第一个li(左边)为填充固定的背景图,需要根据右边li的高度来延伸,请问该怎么办?
    • 已移动 Sheng Jiang 蒋晟 2009年8月19日 12:48 客户端HTML问题 (发件人:ASP.NET 与 AJAX)
    2009年8月19日 9:43

答案

  • <div >
        <ul style = " list-style :none; margin :0px; padding :0px;">
       
        <li id ="li1" style=" float :left ; width :250px; background-image:url('Left_bg.png');" >
        </li>
       
        <li id="li2" style=" float :left ;width :550px;" >
            <asp:Image ID="Image1" runat="server" ImageUrl="1.bmp" />
        </li>
       
        </ul>
        <script language="javascript" type="text/javascript">
            window.onload = function() {
                document.getElementById("li1").style.height = document.getElementById("li2").offsetHeight + "px";

            }
       
        </script>
        </div>

    • 已标记为答案 lfj0912 2009年8月19日 13:00
    2009年8月19日 11:00