div+css图文混排

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/linkingfei/article/details/79619667
<!DOCTYPE html>
<html>
<head>
    <title>图文混排</title>
    <style type="text/css">
        #k1{
            width: 400px;
            height: 300px;
            border: 2px solid red;
        }
        #k11{
            /*float: left;*/
            float: right;
        }
        #k12{
            color: green;
        }
        #s2{
            position: absolute;
            top:550px; 
            left:80px;
            color: red;
        }
    </style>
</head>
<body>
    <div id="k1">
        <div id="k11"><img src="C:\Users\fei\Desktop\4.jpg" width="200" height="100"></div>
        <div id="k12">
        Installed Packages
        Deployment_Guide-en-US.noarch 5.2-9.el5.centos installed
        Deployment_Guide-zh-CN.noarch 5.2-9.el5.centos installed
        Deployment_Guide-zh-TW.noarch 5.2-9.el5.centos installed
        Cluster_Administration-as-IN.noarch 5.2-1.el5.centos base
        Cluster_Administration-bn-IN.noarch 5.2-1.el5.centos base
        </div>
    </div>
    <div id="s1"><img src="C:\Users\fei\Desktop\4.jpg" width="400" height="300"></div>
    <div id="s2">图片签名</div>
</body>
</html>`

这里写图片描述

展开阅读全文

css图文混排效果

08-11

[code=HTML]rnrn rn rn rnrn 内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容内容 内容rnrn[/code]rnrnrn 这效果在ie8 火狐浏览器效果都是对的,但ie6和360浏览器红色区域就跑上去了;rn这是什么问题呢? 如果这方法是错误的,那还有撒方法做到这种效果不。。。rnrnrnrnrn 论坛

没有更多推荐了,返回首页