Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 产品形象与描述如何重叠_Html_Css_Css Float - Fatal编程技术网

Html 产品形象与描述如何重叠

Html 产品形象与描述如何重叠,html,css,css-float,Html,Css,Css Float,购物车包含使用下面的html创建的产品页面和图像。 若在borwser中使用ctrl++缩小页面,图像和文本将重叠:图像变宽,但文本不会向右移动,它位于图像上方。 如何修复此问题,使文本在图像之后开始 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd"> <html xmlns="http://www.w3

购物车包含使用下面的html创建的产品页面和图像。 若在borwser中使用ctrl++缩小页面,图像和文本将重叠:图像变宽,但文本不会向右移动,它位于图像上方。 如何修复此问题,使文本在图像之后开始

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-    strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
...
        <div>
            <div style="float: left; width: 30%">

                <a class="fbox" href="/store/Store/Lightbox?product=FTL286%252f42">
                    <img style="width: 200px" alt="" src="/store/Store/MainImage?product=FTL286%252f42" />
                </a>
            </div>
            <div style="float: left; Xmargin-left: 4%">
                <div style="margin: 3%">

                </div>
                <div>
                    <b>
                        € 78,92</b>
                    <br />

                    <br />
                    <div style="height: 1.5px">
                    </div>
Availability:<b>
                        In order
                    </b>
                    <form action="/store/Store/Details?product=FTL286%252f42" method="post">
                    <br />
                    <input id="ProductId" name="ProductId" type="hidden" value="FTL286/42" />
                    Quantity
                    <input id="Quantity" name="Quantity" style="width:30px" type="text" value="1" />

                </div>
                <br />
                <br />
                <input type="submit" value="Add to cart" class="button green rounded" />
                </form>
            </div>
        </div>

...
€ 78,92


可利用性: 整齐



如果图像具有固定宽度,如200px,则可以在右侧分区上使用