DIV -Layout: Statische linke Säulenbreite, Stechacle Right Säule Breite

StackOverflow https://stackoverflow.com/questions/2146455

  •  23-09-2019
  •  | 
  •  

Frage

%19 linke Abschnittsbreite, %80 Inhaltsbreite:

alt text

Aber ich möchte den linken Abschnitt auf 200px reparieren und der Abschnitt mit dem Inhalt ist der Rest der Breite des sichtbaren Bereichs.

Wie kann ich das mit CSS machen?

<html>
<head>
    <title>TWO-COLUMN LIQUID LAYOUT WITH FLOATING BOXES</title>
    <style type="text/css">
        body
        {
            margin: 0px;
            padding: 0px;
        }
        div
        {
            border: 1px solid black;
        }
        #header
        {
            background: #0f0;
            width: 100%;
        }
        #leftcol
        {
            background: #f00;
            float: left;
            width:19%;
            /* max-width: 200px; */ 
            height: 500px;
        }
        #content
        {
            background: #fff;
            float: left;
            width: 80%;
            height: 500px;
        }
        #footer
        {
            background: #0f0;
            clear: both;
            width: 100%;
        }
    </style>
</head>
<body>
    <div id="header">
        Header Section</div>
    <div id="leftcol">
        Left Section</div>
    <div id="content">
        Content Section</div>
    <div id="footer">
        Footer Section</div>
</body>
</html>
War es hilfreich?

Lösung

Es gibt viele bereitgestellte Vorlagen, die hier funktionieren würden, um sich diese zu ansehen: zum Beispiel:

Andere Tipps

Der Befehl, nach dem Sie suchen: generasacodicetagpre.

Es ist erforderlich, um jede neue Funktion zu installieren, wenn Sie durch PowerShell bereitstellen.

Schritte erforderlich:

    .
  1. add-spssolution
  2. install-spssolution
  3. install-spfeature
  4. Enable-Spfeature - für spezifische Site col./web

    Mehr Info über Install-Spfeature auf MSDN: http://techet.microsoft.com / en-us / library / ff607825.aspx

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top