Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Bố cục full màn hình bị kéo giãn khi thêm 1 bố cục khác?

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi newbie lập trình web, 18/8/17.

Lượt xem: 1,699

  1. newbie lập trình web Mới đăng kí

    Tiêu đề hơi khó hiểu ha ! .Ý mình là khi tình chỉnh 1 bố cục full màn hình.Giống như thế này:


    [​IMG]
    HTML:
    <html>
        <head>
            <title>CSS</title>
            <link rel="stylesheet" href="Test.css"/>
        </head>
        
        <body>
            <div id="background"></div>
        </body>
    </html>
    CSS:
    Code:
    *{
        margin:0px;
        padding:0px;
    }
    
    #background
    {
        width:1366px;
        height:662px;
        background-image:url(Images/a.jpg);
        background-repeat:no-repeat;
    
    }
    
    
    Nhưng khi chèn thêm 1 bố cục nữa thì nó bị như thế này:


    [​IMG]

    HTML:
    <html>
        <head>
            <title>CSS</title>
            <link rel="stylesheet" href="Test.css"/>
        </head>
       
        <body>
            <div id="background"></div>
            <div id="div"></div>
        </body>
    </html>
    CSS:
    Code:
    *{
        margin:0px;
        padding:0px;
    }
    
    #background
    {
        width:1366px;
        height:662px;
        background-image:url(Images/a.jpg);
        background-repeat:no-repeat;
    
    }
    
    #div
    {
        width:30px;
        height:50px;
    }
    
    
    Mọi người giải thích giúp mình tại sao nó bị như vậy và cách khắc phục luôn nha !Cảm ơn trước !

    ...
  2. Hàn Thiên Hành

    Hàn Thiên Hành Thành viên cấp 2

    Cái này là do cái CSS của bạn thôi. Nó bị chạm nhau nên thế
    Khi làm css bạn nên trỏ tới trực tiếp nó để nó tác động tránh CSS xung đột. Và cũng không nên để ID giống tên vs thẻ <DIV>
    Code:
    *{
        margin:0px;
        padding:0px;
    }
    
    #background
    {
        width:1366px;
        height:662px;
        background-image:url(Images/a.jpg);
        background-repeat:no-repeat;
    
    }
    
    body #div
    {
        width:30px;
        height:50px;
  3. newbie lập trình web

    newbie lập trình web Mới đăng kí

    Hàn Thiên Hành
    Mình đã thử thay id cũng như thêm body sau #id nhưng nó vẫn vậy :/
    HTML:
    <html>
        <head>
            <title>CSS</title>
            <link rel="stylesheet" href="Test.css"/>
        </head>
        
        <body>
            <div id="background"></div>
            <div id="block"></div>
        </body>
    </html>
    CSS:

    Code:
    *{
        margin:0px;
        padding:0px;
    }
    
    #background
    {
        width:1366px;
        height:662px;
        background-image:url(Images/a.jpg);
        background-repeat:no-repeat;
    }
    
    body #block
    {
        width:30px;
        height:50px;
    }
  4. Hàn Thiên Hành

    Hàn Thiên Hành Thành viên cấp 2

    #3 mình nói là bạn nên tránh cái ID đặt trùng vs thẻ div đi. Còn làm vậy là tham khảo cho bạn. Bạn làm thử xem đổi tên cái ID ="DIV" đi. vs cả bạn nên thêm cái boder:1px vào để xem cái thẻ kia cả bạn nó đang nằm ở đâu
    Chỉnh sửa lần cuối: 18/8/17
  5. buithanhthinh

    buithanhthinh Banned

Ủng hộ diễn đàn