Question

您好我正在修复问题并了解我的代码出错了，因为它不是我想要实现的。我想建立一个简单的网站响应，但每当我尝试调整页面大小时，图像和文字都向左移动并离开页面。这就是目前my work example的样子，这是我写的代码：

IF @messageTypeName = N'http://schemas.microsoft.com/SQL/ServiceBroker/DialogTimer'

        BEGIN

            SEND ON CONVERSATION @handle 

                MESSAGE TYPE [EndOfStream];

        END

        ELSE IF @messageTypeN...

CSS：

<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/main.css">
    </head>

    <body>
        <p><b>The idea that you could outlive your money is a very real, and very worrying, prospect.</b></p>
        <p>That’s why it’s crucial you make the right decisions now.  Remember, every day you put this off is a day where the value of your nest egg is sliding <u>backwards</u>.</p>

        <div>
            <img class="photo" src="img/picture1.png" alt="Photograph"><span>Look, I know the picture can be confusing. I hope to simplify things for you and bring a bit of clarity and common sense to <i>retirement planning</i></span>
        </div>
        <div class="text"><b>Me on stage in Sydney banging the drum for change</b></div>

        <p>I put the exact same case I've made to you today to 250 sophisticated investors at a conference in Sydney in March this year. Here is a picture of me on stage telling the room about ‘cash-out companies’ (right)</p>
        <p>I explained it all to them in the same way I’ve set everything out for you in this letter.</p>
        <p>At the end I asked the room how many would be interested in paying for the results of my <a href="https://www.portphillippublishing.com.au/">research</a>.</p>
        <p><b><u>Nearly everyone raised their hand</u>.</b></p>
        <p>I promise you I'll work hard for you. You don't have to be an experienced investor to know that a lot is at stake in the next few years.</p>
        <p>Remember: to make money for life you need to:</p>
        <ol type="1">
        <li>Swim with the current, not against it.</li>
        <li>Invest in thoroughly research companies.</li>
        <li>Buy my newsletter</li>
        </ol>
        <p><b><u>Categories</u></b></p>
        <ul>
        <li>Health</li>
        <li>Liberty</li>
        <li>Lifestyle</li>
            <li>Market News</li>
            <li>Opportunity</li>
        </ul>
<div class="note">
    <img src="img/capture.png" alt="quote">
    </div>
    </body>
</html>

有人可以帮助我理解我做错了什么并指出了正确的方向吗？我还发布了它应该是final product的最终示例。感谢

Answer 1

问题似乎与您正在应用的margin有关。

Here是您的结构的小提琴，可能有助于您解决此问题。由于安全问题，图片可能无法在此处加载，但您可以将HTML和CSS复制回工作区。

图像和文字没有响应

1 个答案: